@extends('backEnd.admin.layouts.master')

@section('title')
    Edit Order
@endsection

@section('css')
    <link rel="stylesheet" href="{{ asset('/') }}backEnd/assets/vendor/datetimepicker/bootstrap-datetimepicker.min.css">
@endsection
@section('body')
    <div class="dashboard-wrapper">
        <div class="dashboard-ecommerce">
            <div class="container-fluid dashboard-content ">
                <!-- ============================================================== -->
                <!-- pageheader  -->
                <!-- ============================================================== -->
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="page-header">
                            <h2 class="pageheader-title">Edit Order</h2>
                            <div class="page-breadcrumb">
                                <nav aria-label="breadcrumb">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a
                                                href="{{ Auth::guard('admin')->check() ? route('admin.home') : (Auth::guard('manager')->check() ? route('manager.home') : (Auth::guard('employee')->check() ? route('employee.home') : '')) }}"
                                                class="breadcrumb-link">Home</a></li>
                                        <li class="breadcrumb-item active" aria-current="page">Edit Order</li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- ============================================================== -->
                <!-- end pageheader  -->
                <!-- ============================================================== -->

                <div class="row mb-2">
                    <div class="col-12">
                        <a href="{{ Auth::guard('admin')->check() ? route('admin.orders') : (Auth::guard('manager')->check() ? route('manager.orders') : (Auth::guard('employee')->check() ? route('employee.orders') : '')) }}"
                            class="btn btn-danger btn-sm">
                            <i class="fa fa-angle-double-left"></i>
                            Back
                        </a>
                    </div>
                </div>
                <form
                    action="{{ Auth::guard('admin')->check() ? route('admin.orders.update', $data->id) : (Auth::guard('manager')->check() ? route('manager.orders.update', $data->id) : (Auth::guard('employee')->check() ? route('employee.orders.update', $data->id) : '')) }}"
                    method="post">
                    @csrf
                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="card">
                                <h4 class="card-header">Customer Info</h4>
                                <div class="card-body">
                                    <div class="form-row">
                                        <div class="form-group col-md-6 col-12">
                                            <label for="order_date">Order Date <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control datetimepicker" id="order_date"
                                                name="order_date"
                                                value="{{ date('d-m-Y', strtotime($data->order_date)) ?? null }}" required>
                                        </div>

                                        <div class="form-group col-md-6 col-12">
                                            <label for="invoice_id">Invoice ID <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="invoice_id" name="invoice_id"
                                                value="{{ $data->invoice_id ?? null }}" readonly required>
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group col-md-6 col-12">
                                            <label for="customer_name">Customer Name <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="customer_name"
                                                name="customer_name" value="{{ $data->customer_name ?? null }}" required>
                                        </div>

                                        <div class="form-group col-md-6 col-12">
                                            <label for="customer_phone">Customer Phone <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="customer_phone"
                                                name="customer_phone" value="{{ $data->customer_phone ?? null }}" required>
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group col-12">
                                            <label for="customer_address">Customer Address <span
                                                    class="text-danger">*</span></label>
                                            <textarea name="customer_address" id="customer_address" class="form-control">{{ $data->customer_address ?? null }}</textarea>
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group col-12">
                                            <label for="courier_id">Courier Name</label>
                                            <select name="courier_id" id="courier_id" class="form-control select2">
                                                <option value="">Select A Courier</option>
                                                @foreach ($courier as $key => $item)
                                                    <option value="{{ $key }}"
                                                        {{ $data->courier_id == $key ? 'selected' : '' }}>
                                                        {{ $item }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group col-12">
                                            <label for="city_id">City Name</label>
                                            <select name="courier_city_id" id="city_id" class="form-control select2">
                                                @foreach ($courier_city as $key => $city)
                                                    <option value="{{ $key }}"
                                                        {{ $data->city_id == $key ? 'selected' : '' }}>{{ $city }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group col-12">
                                            <label for="zone_id">Zone Name</label>
                                            <select name="courier_zone_id" id="zone_id" class="form-control select2">
                                                @foreach ($courier_zone as $key => $zone)
                                                    <option value="{{ $key }}"
                                                        {{ $data->zone_id == $key ? 'selected' : '' }}>{{ $zone }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

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

                        <div class="col-md-6 col-12">
                            <div class="card">
                                <h4 class="card-header">Product Info</h4>
                                <div class="card-body">
                                    <div class="table-responsive mb-3">
                                        <table class="table table-bordered text-center">
                                            <thead>
                                                <tr>
                                                    <th>SKU</th>
                                                    <th>Product Name</th>
                                                    <th>Qty</th>
                                                    <th>Price</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody id="prod_row">
                                                @foreach ($data->get_products as $item)
                                                    <tr>
                                                        <input type="hidden" name="product_id[]" id="product_id"
                                                            value="{{ $item->product_id }}">

                                                        <td>{{ $item->get_product->sku }}</td>
                                                        <td>{{ $item->get_product->name }}</td>
                                                        <td>
                                                            <input style="width: 60px;border: 1px solid #ddd;"
                                                                min="1" type="number" class="form-control qty"
                                                                name="qty[]" id="qty2"
                                                                value="{{ $item->qty }}">
                                                            <input type="hidden" name="price[]" id="price"
                                                                class="price"
                                                                value="{{ $item->get_product->sale_price > 0 ? $item->get_product->sale_price : $item->get_product->price }}">
                                                        </td>
                                                        <td class="total_price">{{ $item->price }}</td>
                                                        <td><i class="fa fa-trash remove_btn text-danger"
                                                                style="cursor: pointer"></i></td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                            <tbody>
                                                <tr>
                                                    <td colspan="5">
                                                        <div class="form-row">
                                                            <div class="form-group col-12 text-left">
                                                                <select id="product" class="form-control select2">
                                                                    <option value="">Select A Product</option>
                                                                    @foreach ($products as $key => $item)
                                                                        <option value="{{ $key }}">
                                                                            {{ $item }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="form-group row" style="padding: 6px 0;">

                                        <div class="form-group col-6 mb-0">
                                            <input type="text" class="form-control " id="memo_number"
                                                name="memo_number" value="{{ $data->memo_number ?? null }}"
                                                placeholder="Memo Number">


                                        </div>

                                        <label for="sub_total" class="col-md-2 col-form-label text-right">Sub
                                            Total</label>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control" id="sub_total" name="sub_total"
                                                min="0" value="{{ $data->sub_total ?? 0 }}" readonly>
                                        </div>
                                    </div>

                                    <div class="form-group row" style="padding: 6px 0;">
                                        <div class="form-group col-6 mb-0">
                                            <select name="source" id="source" class="form-control">
                                                <option value="">Select A Source</option>
                                                <option value="facebook"
                                                    {{ $data->source == 'facebook' ? 'selected' : '' }}>
                                                    Facebook</option>
                                                <option value="whatsapp"
                                                    {{ $data->source == 'whatsapp' ? 'selected' : '' }}>Whatsapp</option>
                                                <option value="imo" {{ $data->source == 'imo' ? 'selected' : '' }}>IMO
                                                </option>
                                                <option value="incoming"
                                                    {{ $data->source == 'incoming' ? 'selected' : '' }}>Incoming</option>
                                                @if ($data->source == 'direct')
                                                    <option value="direct"
                                                        {{ $data->source == 'direct' ? 'selected' : '' }}>Direct</option>
                                                @endif
                                            </select>
                                        </div>
                                        <label for="shipping_cost"
                                            class=" col-md-2 col-form-label text-right">Delivery</label>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control" id="shipping_cost" min="0"
                                                name="shipping_cost" value="{{ $data->shipping_cost ?? 0 }}">
                                        </div>
                                    </div>

                                    <div class="form-group row" style="padding: 6px 0;">
                                        <div class="form-group col-6 mb-0">
                                            <input type="text" class="form-control schedule" id="schedule"
                                            value="{{ $data->schedule ? date('d-m-Y', strtotime($data->schedule)) : null }}"
                                            name="schedule" placeholder="Schedule">
                                        </div>
                                        <label for="discount"
                                            class=" col-md-2 col-form-label text-right">Discount</label>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control" id="discount" min="0"
                                                name="discount" value="{{ $data->discount ?? 0 }}">
                                        </div>
                                    </div>

                                    <div class="form-group row" style="padding: 6px 0;">
                                        <label for="total"
                                            class="offset-md-6 col-md-2 col-form-label text-right">Total</label>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control" id="total" min="0"
                                                name="total" value="{{ $data->total ?? 0 }}" readonly>
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group col-12">
                                            <textarea name="order_note" id="order_note" class="form-control" placeholder="Order Note">{{ $data->order_note }}</textarea>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-12 text-center">
                                            <input type="submit" value="Update" class="btn btn-success w-100">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script src="{{ asset('/') }}backEnd/assets/vendor/datetimepicker/moment.min.js"></script>
    <script src="{{ asset('/') }}backEnd/assets/vendor/datetimepicker/bootstrap-datetimepicker.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.datetimepicker').datetimepicker({
                icons: {
                    next: 'fa fa-angle-right',
                    previous: 'fa fa-angle-left'
                },
                format: 'DD-MM-YYYY',
                defaultDate: new Date(),
            });

            $('.schedule').datetimepicker({
                icons: {
                    next: 'fa fa-angle-right',
                    previous: 'fa fa-angle-left'
                },
                format: 'DD-MM-YYYY',
            });

            $('.select2').select2();

            $('#product').on('change', function() {
                var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                $.ajax({
                    url: '{{ Auth::guard('admin')->check() ? route('admin.ajax.get.products') : (Auth::guard('manager')->check() ? route('manager.ajax.get.products') : (Auth::guard('employee')->check() ? route('employee.ajax.get.products') : '')) }}',
                    type: 'POST',
                    data: {
                        _token: CSRF_TOKEN,
                        id: $(this).val()
                    },
                    success: function(data) {
                        $('#prod_row').append(data);
                        finalCalc();
                    }
                });
            });


            $("#courier_id").on('change', function() {
                $("#city_id").empty();
                $("#city_id").append('<option value="">Select A City</option>');
                $("#zone_id").empty();
                $("#zone_id").append('<option value="">Select A Zone</option>');
                var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                $.ajax({
                    url: '{{ Auth::guard('admin')->check() ? route('admin.courier.ajax.get.cities') : (Auth::guard('manager')->check() ? route('manager.courier.ajax.get.cities') : (Auth::guard('employee')->check() ? route('employee.courier.ajax.get.cities') : '')) }}',
                    type: 'POST',
                    data: {
                        _token: CSRF_TOKEN,
                        id: $(this).val()
                    },
                    success: function(data) {
                        $("#city_id").empty();
                        $("#city_id").append('<option value="">Select A City</option>');
                        $.each(data, function(index, value) {
                            $("#city_id").append(new Option(value, index));
                        });

                    }
                });


                {{-- var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content'); --}}
                {{-- $.ajax({ --}}
                {{--    url: '{{Auth::guard('admin')->check() ? route('admin.courier.ajax.get.c_charge') : (Auth::guard('manager')->check() ? route('manager.courier.ajax.get.c_charge') : (Auth::guard('employee')->check() ? route('employee.courier.ajax.get.c_charge') : ""))}}', --}}
                {{--    type: 'POST', --}}
                {{--    data: {_token: CSRF_TOKEN, id: $(this).val()}, --}}
                {{--    success: function (data) { --}}
                {{--        $('#shipping_cost').val(data); --}}
                {{--        finalCalc(); --}}
                {{--    } --}}
                {{-- }); --}}

            });


            $("#city_id").on('change', function() {
                var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                $.ajax({
                    url: '{{ Auth::guard('admin')->check() ? route('admin.courier.ajax.get.zones') : (Auth::guard('manager')->check() ? route('manager.courier.ajax.get.zones') : (Auth::guard('employee')->check() ? route('employee.courier.ajax.get.zones') : '')) }}',
                    type: 'POST',
                    data: {
                        _token: CSRF_TOKEN,
                        id: $(this).val()
                    },
                    success: function(data) {
                        $("#zone_id").empty();
                        $("#zone_id").append('<option value="">Select A Zone</option>');
                        $.each(data, function(index, value) {
                            $("#zone_id").append(new Option(value, index));
                        });

                    }
                });
            });
        });
    </script>
    <script>
        function calcSubTotal() {
            var result = 0;
            $('#prod_row tr').each(function() {
                $('.total_price', this).each(function(index, val) {
                    result += parseInt($(val).text());
                });
            });

            $('#sub_total').val(result);
        }

        function finalCalc() {
            calcSubTotal();
            var shipping_cost = parseFloat($('#shipping_cost').val());
            var discount = parseFloat($('#discount').val());
            var sub_total = parseFloat($('#sub_total').val());
            var total = parseFloat((sub_total + shipping_cost) - discount);
            $('#total').val(total);
        }


        $('.remove_btn').on('click', function() {
            $(this).closest("tr").remove();
            finalCalc();
        });

        $('.qty').on('keyup change', function() {
            var total_price = parseFloat($(this).next().val()) * parseInt($(this).val());
            $(this).parent().next().text(total_price);
            finalCalc();
        });

        $('#shipping_cost,#discount').on('keyup', function() {
            finalCalc();
        });
    </script>
@endsection