@extends('admin.layout.master')

@section('title')
    Edit Daily Sale
@endsection

@section('content')

    <style>
        .select2-selection__rendered {
            line-height: 45px !important;
        }

        .select2-container .select2-selection--single {
            height: 58px !important;
        }

        .select2-selection__arrow {
            height: 60px !important;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            display: none;
        }

    </style>


    <div class="page-content">

        <nav class="page-breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin./') }}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit Daily Sale</li>
            </ol>
        </nav>
        <form method="POST" action="{{ route('admin.update_daily_sale') }}" class="MyForm"
              enctype="multipart/form-data">
            <div class="row">
                <div class="col-md-12">
                    @include('admin.layout.laravel_errors')
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12"><h6 class="card-title">Edit Daily Sale</h6></div>
                            </div>

                            {{ csrf_field() }}

                            <div class="row" id="append_div_1">

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label> Category </label>
                                        <div class="input-group">
                                            <input type="text" class="form-control MyInput" readonly disabled
                                                   value="{{ ($sale->category_data) ? $sale->category_data->name : '--' }}"
                                                   required placeholder="Category">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label> Product </label>
                                        <div class="input-group">
                                            <input type="text" class="form-control MyInput" readonly disabled
                                                   value="{{ ($sale->subcategory_data) ? $sale->subcategory_data->name : '--' }}"
                                                   required placeholder="Products">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label> Date </label>
                                        <div class="input-group flatpickr" id="flatpickr-date">
                                            <input type="text" class="form-control MyInput" name="date" required
                                                   placeholder="Select date"
                                                   value="{{ ($sale->date) ? Carbon\Carbon::parse($sale->date)->format('Y-m-d') : Carbon\Carbon::now()->format('Y-m-d') }}"
                                                   data-input>
                                            <span class="input-group-text MyInput" data-toggle><i
                                                        data-feather="calendar"></i></span>
                                        </div>
                                    </div>
                                </div>
                                <input type="hidden" name="id" value="{{ encrypt($sale->id) }}">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label> Price </label>
                                        <input type="number" min="1" name="price" onkeyup="SetTotalPrice('1')"
                                               step="0.01"
                                               value="{{ ($sale->price) ? $sale->price : '' }}"
                                               id="price_1" class="form-control MyInput"
                                               placeholder="Price" required>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label> Quantity </label>
                                        <input type="number" min="0" onkeyup="SetTotalPrice('1')" id="quantity_1"
                                               name="quantity" class="form-control MyInput"
                                               value="{{ ($sale->quantity) ? $sale->quantity : '' }}"
                                               placeholder="Quantity" required>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label> Total Price </label>
                                        <input type="text" readonly name="total_price" id="total_price_1"
                                               class="form-control MyInput"
                                               value="{{ ($sale->total_price) ? $sale->total_price : '' }}"
                                               placeholder="Total Price" required style="background-color: #f9f8f8">
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label> Status </label>
                                        <select name="payment_status" class="form-control" required>
                                            <option @if($sale->payment_status==1) selected @endif value="1">Paid</option>
                                            <option @if($sale->payment_status==0) selected @endif value="0">Unpaid</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label> Detail </label>
                                        <input type="text" class="form-control MyInput" name="sale_detail"
                                               value="{{ ($sale->sale_detail) ? $sale->sale_detail : '' }}"
                                               placeholder="Write Detail (Optional)">
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-12 mb-5">
                            <center>
                                <button class="btn btn-outline-dark mt-4 MyButton" style="height:50px"> UPDATE RECORD
                                </button>
                            </center>
                        </div>
                    </div>


                </div>
            </div>
        </form>
    </div>

@endsection
@section('script')

    <link rel="stylesheet" href="{{ URL::asset('admin/assets/vendors/sweetalert2/sweetalert2.min.css') }}">
    <script src="{{ URL::asset('admin/assets/vendors/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('admin/assets/js/sweet-alert.js') }}"></script>

    <script>

        function SetTotalPrice(id1) {
            var id = parseInt(id1);
            var price = $("#price_" + id).val();
            var quantity = $("#quantity_" + id).val();
            var total = parseFloat(price) * parseFloat(quantity);
            $("#total_price_" + id).val(total.toFixed(2));
        }


    </script>

@endsection