@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">
    <style>
        .pathao {
            display: none;
        }

        .redx {
            display: none;
        }
    </style>
@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="pathao" @if($data->courier_id == 1) style="display: block" @endif>
                                        <div class="form-row">
                                            <div class="form-group col-12">
                                                <label>City Name</label>
                                                <select name="courier_city_id" class="form-control select2 city_id" @if($data->courier_id != 1) disabled @endif>
                                                    <option value="">Select A City</option>
                                                    @foreach($courier_city as $key => $city)
                                                        <option value="{{$key}}" {{$data->courier_city_id==$key?"selected":""}}>{{$city}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="form-row">
                                            <div class="form-group col-12">
                                                <label>Zone Name</label>
                                                <select name="courier_zone_id" class="form-control select2 zone_id" @if($data->courier_id != 1) disabled @endif>
                                                    <option value="">Select A Zone</option>
                                                    @foreach($courier_zone as $key => $zone)
                                                        <option value="{{$key}}" {{$data->courier_zone_id==$key?"selected":""}}>{{$zone}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group col-12">
                                            <label for="status">Status</label>
                                            <input type="hidden" name="old_status" value="{{$data->status}}">
                                            <select name="status" id="status" class="form-control" required>
                                                <option value="2" {{$data->status==2?"selected":""}}>Processing</option>
                                                <option value="0" {{$data->status==0?"selected":""}}>On Hold</option>
                                                <option value="3" {{$data->status==3?"selected":""}}>Pending Payment</option>
                                                <option value="1" {{$data->status==1?"selected":""}}>Delivered</option>
                                                <option value="4" {{$data->status==4?"selected":""}}>Canceled</option>
                                                <option value="5" {{$data->status==5?"selected":""}}>Pending Delivery</option>
                                                <option value="6" {{$data->status==6?"selected":""}}>Pending Entry</option>
                                            </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;">
                                        <label for="shipping_cost" class="offset-md-6 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;">
                                        <label for="discount" class="offset-md-6 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(),
            });

            $('.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();
                    }
                });
            });

            function pathao_input_off() {
                $('.pathao').find('.city_id').prop('disabled', true);
                $('.pathao').find('.zone_id').prop('disabled', true);
            }

            function pathao_input_on() {
                $('.pathao').find('.city_id').prop('disabled', false);
                $('.pathao').find('.zone_id').prop('disabled', false);
            }

            function redx_input_off() {
                $('.redx').find('.city_id').prop('disabled', true);
            }

            function redx_input_on() {
                $('.redx').find('.city_id').prop('disabled', false);
            }

            $("#courier_id").on('change', function () {
                $(".city_id").empty();
                $(".city_id").append('<option>Loading...</option>');
                $(".zone_id").empty();
                $(".zone_id").append('<option value="">Select A Zone</option>');
                var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                if ($(this).val() == 1) {
                    $('.pathao').css('display', 'block');
                    $('.redx').css('display', 'none');
                    pathao_input_on();
                    redx_input_off();
                    $.ajax({
                        url: '{{Auth::guard('admin')->check() ? route('admin.courier.pataho.ajax.get.cities') : (Auth::guard('manager')->check() ? route('manager.courier.pataho.ajax.get.cities') : (Auth::guard('employee')->check() ? route('employee.courier.pataho.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) {
                                $(".pathao .city_id").append(new Option(value, index));
                            });

                        }
                    });
                } else {
                    pathao_input_on();
                    redx_input_off();
                    $.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 () {
                $(".zone_id").empty();
                $(".zone_id").append('<option>Loading...</option>');
                var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                if ($('#courier_id').val() == 1) {
                    $.ajax({
                        url: '{{Auth::guard('admin')->check() ? route('admin.courier.pataho.ajax.get.zones') : (Auth::guard('manager')->check() ? route('manager.courier.pataho.ajax.get.zones') : (Auth::guard('employee')->check() ? route('employee.courier.pataho.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));
                            });

                        }
                    });
                } else {
                    $.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