@extends('backend.layouts.app')

{{--@section('store-name', $store->name)--}}
@section( 'content' )
<style type="text/css">
    
/* Bootstrap 4 text input with search icon */


/*.ui-autocomplete {
    z-index: 5000;
}*/

/*body{
    padding-top:50px;
    background-color:#34495e;
}*/



.main-section{
    margin-top: 120px;
}
.hiddenRow {
    padding: 0 4px !important;
    /*background-color: #eeeeee;
    font-size: 13px;*/
}
.accordian-body span{
    /*color:#a2a2a2 !important;*/
}

</style>
{{--<link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">--}}
<link rel="stylesheet" href="{{ asset('assets/css/jquery-ui.css') }}"  type="text/css" />
<link rel="stylesheet" href="{{ asset('css/backend/kanban/style.css') }}"  type="text/css" />
    <div class="container-fluid">
        <div class="row d-none" style="margin-top: 5px;">
            <div class="col-sm-4">
                
            </div>
            <div class="col-sm-4"></div>
            <div class="col-sm-4">
                <div class="form-group row" style="margin-right: 8px;">
                    <label for="staticEmail" class="col-sm-2 control-label">Brand</label>
                    <div class="col-sm-8">
                        <select class="form-control form-control-sm brand_id" name="brand_id">
                            <option value="">--Select--</option>
                            @foreach($brands as $brand)
                                @if($user_brand)
                                    <option value="{{$brand->id}}" @if($user_brand->brand_id == $brand->id) selected="" @endif>{{$brand->name}}</option>
                                @else
                                    <option value="{{$brand->id}}">{{$brand->name}}</option>
                                @endif
                            @endforeach
                        </select>
                    </div>
                    <button type="button" class="btn btn-success btn-sm btn-submit col-sm-2">Submit</button>
                </div>
            </div>
        </div>
        
        <div class="row" style="margin-top: -25px;">

            <div class="col">
                <div class="card-body" id="status-lists">
                    <!-- <div id="loadingScreen">
                        <div class="loader"></div>
                    </div> -->
                    @include('backend.order.kanban.index-ajax2')
                </div>
            </div>
        </div><!--row-->
        @include('backend.order.kanban.kanban-order-form')
        @include('backend.order.kanban.cancel-order')
        @include('backend.order.kanban.display-booking')
    </div>

@endsection
    {{-- <script src="{{ asset( 'argon/vendor/jquery/jquery-3.2.1.min.js' ) }}"></script> --}}
    {{-- <script src="{{ asset( 'argon/vendor/jquery/jquery-ui.min.js' ) }}"></script> --}}
    
@section('after-scripts')
     <!--   <script src="{{ asset( 'js/kanban/script.js' ) }}" type="text/javascript"></script> -->
    <script src="{{ asset( 'assets/js/jquery-ui.js' ) }}"></script>
    <script type="text/javascript">
        var interval = null;

        $(document).ready(function(){
          
            sortOrders()

            // interval = setInterval(function() {
            //     getDetailByStatus()
            // }, 10000); 
            //startTimer()
        })

        $(function(){
            
            Pusher.logToConsole = true;

            var pusher_delivery = new Pusher(''+pusher_app_key+'', {
              cluster: 'ap1',
             // forceTLS: true,
              encrypted: true
            }); 
        
            var channel_delivery = pusher_delivery.subscribe('notifications');
            channel_delivery.bind('form-notify', function(data) {
               alert(user_type_id)
                if(user_type_id == 2)
                {
                    if(brand_id == data['brand_id'])
                    {
                        getDetailByStatus()
                    }
                }
                else
                {
                    if(store_id == data['store_id'])
                    {
                        getDetailByStatus()
                    }
                }
                
                
            });
            
        })

        function startTimer() {
          interval = setInterval(function() {
                getDetailByStatus()

            }, 10000); 
        }

        function refreshDetails()
        {
            $('.detail-status').each(function(){
               var status_id = $(this).data('id');
               getDetailByStatus(status_id)
            })
        }

        function getDetailByStatus()
        {

            $.ajax({
                url: BASE_URL+'/admin/order/kanban/get-refresh-details',
                type: 'GET',
                success : function(result){
                    $('#status-lists').html(result)
                     sortOrders()
                }
            });
        }

        function sortOrders(){
            $(".sortable").sortable({
                forcePlaceholderSize: true,
                tolerance: "pointer",
                placeholder: "highlight",
                scrollSpeed: 0
            });
            $( ".sortable" ).disableSelection();
            $( ".connectedSortable").sortable({
                forcePlaceholderSize: true,
                tolerance: "pointer",
                connectWith:['.connectedSortable'],
                placeholder: "highlight",
                scrollSpeed: 0,
                start: function (event, ui) {
                  
                    ui.item.data('original_status_id', ui.item.closest('.detail-dropzone').parent().find('.main_dropzone').val());
                    //ui.item.data('order_id', ui.item.find('.dtl_dropzone').val())
                    clearInterval(interval);
                },
                update: function(event, ui){
                   //var detail_id = $(this).closest('.detail-kanban-card').data('id');
                    // alert(detail_id)
                },
                receive: function(event, ui){
                    var status_id = localStorage.getItem('new_status_id');
                    
                },
                stop: function(event, ui){
                    var orig_status_id = ui.item.data('original_status_id');
                    var next_status_id = parseFloat(orig_status_id) + 1;

                    if (confirm('Are you sure you want to move?')) {
                       var stop_status_id = ui.item.closest('.detail-dropzone').parent().find('.main_dropzone').val();
                      //var order_id = ui.item.parent().parent().find('.dtl_dropzone').val();

                       if(parseFloat(stop_status_id) == parseFloat(next_status_id)){
                        var order_id = ui.item.find('.dtl_dropzone').val();
                       
                        updateOrderStatus(next_status_id, order_id);
                       } 
                       else {
                            if(parseFloat(orig_status_id) == parseFloat(stop_status_id)){

                            } else {
                                if(parseFloat(stop_status_id) < parseFloat(next_status_id)){
                                    swal("Opps!", "You cannot move backwards", "warning");
                                    return false;
                                } else {
                                    swal("Opps!", "You can't skip a status.", "warning");
                                    return false;
                                }
                            }
                            
                       }
                       startTimer()
                    } else {
                        startTimer()
                        return false;
                    }
                    
                }
            });
           // $( ".connectedSortable").disableSelection();
        }
        

        function updateOrderStatus(status_id, detail_id)
        {
            $.ajax({
                url: BASE_URL+'/admin/order/kanban/update-order-status?status_id='+status_id+'&detail_id='+detail_id,
                type: 'get',
                dataType: 'json',
                beforeSend: function() {
                    Pace.start;
                },
                complete: function() {
                    Pace.stop;
                }
            }).done(function(data) {
                if(data.success){
                    getOrderLists()
                    swal("Success", data.message, "success");
                }
                else{
                   swal("Opps!", data.message, "warning");
                }
            }).fail(function() {
                Pace.stop;
                swal("Error", "Statuses could not be loaded.", "warning");
                return 'not success';
            });
        }

        $(document).on('click', '.order-detail',  function(e){
            e.preventDefault();
            var order_id = $(this).data('id');
            emptyOrderForm()
            var order_status_id = $(this).data('order_status');
          //  alert(order_status_id)

            if(order_status_id == 3){
                //$('.div-shipping-options').show();
            }
            else
            {
                $('.div-shipping-options').hide();
            }
            clearInterval(interval);
            $.ajax({
                url: BASE_URL+'/admin/order/kanban/get-order-details?order_id='+order_id,
                type: 'get',
                dataType: 'json',
                beforeSend: function() {
                    Pace.start;
                },
                complete: function() {
                    Pace.stop;
                }
            }).done(function(data) {
                if(data.success){
                    $('#order-number').html('Order Code: '+data.result.order_code)
                    $('.btn-modify-order').attr('data-id', data.result.id);
                    $('.order-id').val(data.result.id)
                    $('#modify_order_id').val(data.result.id)
                   
                    $('.mode_detail option[value="'+data.result.order_type+'"]').prop('selected', true);
                    $('.payment_method option[value="'+data.result.payment_type+'"]').prop('selected', true);
                    $('#food-layout').text(data.result.food_layout_name)
                    
                    // if(data.result.order_status_id >= 3)
                    // {
                    //     $('.save-order, .cancel-order, a.add-modify-order').prop('disabled', true);
                    //    // $('.add-modify-order, .remove-modify-order, .fa-plus-circle').prop('disabled', true);
                    //    $('.remove-modify-order, .remove-variance, .add-modify-order').hide();
                    //    $('#icon-add, #icon-deduct').hide();

                    //    swal("Opps!", "YOU CAN'T MODIFY OR CANCEL THE ORDER AT THIS POINT.", "warning");
                    // }
                    // else
                    // {
                    //     $('.save-order, .cancel-order, .add-modify-order, .remove-modify-order, .remove-variance').prop('disabled', false);
                    //     //$('a.remove-modify-order, a.remove-variance').show();
                    // }

                    if(order_status_id >= 3)
                    {
                        $('.save-order, .cancel-order, a.add-modify-order, .sub-cancel-order').prop('disabled', true);
                        $('.remove-modify-order, .remove-variance, .add-modify-order').hide();
                        $('#icon-add, #icon-deduct').hide();

                       swal("Opps!", "YOU CAN'T MODIFY OR CANCEL THE ORDER AT THIS POINT.", "warning");
                    }
                    else
                    {
                        $('.save-order, .cancel-order, a.add-modify-order, .sub-cancel-order').prop('disabled', false);
                        $('.remove-modify-order, .remove-variance, .add-modify-order').show();
                        $('#icon-add, #icon-deduct').show();
                    }

                    if(data.result.order_delivery_detail)
                    {
                        $('#customer-name').text(data.result.order_delivery_detail.first_name+' '+data.result.order_delivery_detail.last_name)
                       // alert(data.result.subscriber.mobile_number)
                        var dr_detail = data.result.order_delivery_detail;
                        var email_mobile = '';
                        
                        if(data.mobile_no && dr_detail.email){
                            email_mobile = dr_detail.email+' & '+data.mobile_no;
                        } else {
                         
                            if(dr_detail.email){
                            
                                email_mobile = dr_detail.email;
                            } else {
                            
                                email_mobile = data.mobile_no;
                            }
                        }
                        
                        $('#email-mobile').html(email_mobile)
                        var payment_type = data.result.order_delivery_detail.payment_type.replace('_',' ');
                        $('#payment-method').text(payment_type.toUpperCase())
                    }

                    if(data.result.order_delivery_address)
                    {
                        var dr_address = data.result.order_delivery_address;
                        // var address = dr_address.company.concat(" ", dr_address.building).concat(' ',dr_address.floor).concat(' ', dr_address.area)
                        //                 .concat(' ',dr_address.street).concat(' ',dr_address.city_name);
                        var address = dr_address.full_address;
                        $('#address').text(address);
                    }

                    if(data.result.order_type)
                    {
                        $('#mode-order').text(data.result.order_type.name);
                    }

                    if(data.result.payment_type)
                    {
                        //$('#payment-method').text(data.result.payment_type.name)
                    }
                    
                    detailData(data.result.id)
                    getStoreItems(data.result.id)
                    editVarianceSizes()

                    // recomputeQty()
                    // removeOrderDetails()
                }
                else{
                   swal("Opps!", data.message, "warning");
                }
            }).fail(function() {
                Pace.stop;
                swal("Error", "Order could not be loaded.", "warning");
                return 'not success';
            });

            // recomputeQty()
            // removeOrderDetails()
            
        })
    
        $(document).on('click', '.main_close', function(){
            startTimer()
        })

        $('#kanban-form').on('hidden.bs.modal', function () {
            startTimer()
        })

        $('.save-order').on('click', function(e){
            
            var me       = $(this);
            var order_id = $('.order-id').val();

            e.preventDefault();

            swal("Are you sure you want to save?", {
                    dangerMode: true,
                    icon: "warning",
                    buttons: {
                        confirm: {
                            text: "OK",
                            value: "ok",
                            visible: true,
                            className: "btn-success",
                            closeModal: true
                        },
                        cancel: {
                            text: "Cancel",
                            value: "cancel",
                            visible: true,
                            className: "class3 class4"
                        }
                    },
            })
            .then((value) => {
                switch (value) {       
                    case "ok":
                        if ( me.data('requestRunning') ) {
                            return;
                        }
                    
                        me.data('requestRunning', true);
                        
                        $.ajax({
                            url  : BASE_URL+'/admin/order/kanban/save-order-details?order_id='+order_id,
                            type: 'post',
                            data: $('#order_lists_form').serialize(),
                            cache: false,
                            success: function(data){
                                if (data.success) {
                                   // notify('success', data.message);
                                    swal('Success', data.message, 'success')
                                    //$('table tbody.main-tbody').empty();

                                    //detailData(order_id)
                                    
                                    $('#modify-order').modal('toggle');

                                } else {
                                    //notify('warning', data.message);
                                    swal('Opps!', data.message, 'warning')
                                }
                            },
                            complete: function() {
                                me.data('requestRunning', false);
                            }
                        })
                                       
                    break;
                }
            }); //swal

            
        })

        function detailData(order_id)
        {
            $('tbody.main-tbody').html('');
          
            $.ajax({
                url  : BASE_URL+"/admin/order/kanban/get-order-lists?order_id="+order_id,
                type: 'GET',
                success : function(result){
                    $('tbody.main-tbody').html(result);
                    removeVariance()
                    getDetails()
                    edit_variance_qty()
                    recomputeQty()
                    removeOrderDetails()
                }
            });
        }

        function edit_variance_qty()
        {
            $('table tbody.tbody-variances').on('change', '.variance_dtl_qty', function(){
                var store_item_id = $(this).data('store_item_id');
                var main_item_qty = $('.mod-qty-'+store_item_id+'').val();

                var sum_variance_qty = 0;
                $("table tbody.tbody-variances-"+store_item_id+" tr.variance-"+store_item_id+"").each(function(){
                    sum_variance_qty += +$(this).closest('tr').find('.variance_dtl_qty').val();
                });

                if(parseFloat(sum_variance_qty) > parseFloat(main_item_qty)){
                    swal("Error", "The variance quantity exceeds the quantity of the main items.", "danger");
                    $(this).val('');
                }
            })

            $('table tbody.tbody-variances').on('change', '.dtl-variance-qty', function(){
                var store_item_id = $(this).data('store_item_id');
                var main_item_qty = $('.mod-qty-'+store_item_id+'').val();
                var main_sum_qty = $(this).val();

                var sum_variance_qty = 0;
                $("table tbody.tbody-variances-"+store_item_id+" tr.variance-"+store_item_id+"").each(function(){
                    sum_variance_qty += +$(this).closest('tr').find('.variance_dtl_qty').val();
                });

                sum_variance_qty = parseFloat(sum_variance_qty) + parseFloat(main_sum_qty);
                
                if(parseFloat(sum_variance_qty) > parseFloat(main_item_qty)){

                    swal("Error", "The variance quantity exceeds the quantity of the main items.", "danger");
                    $(this).val('');
                }
            });
        }

        function getStoreItems(order_id){
            $('.modify-search').empty(); 
            $.ajax({
                url  : BASE_URL+"/admin/order/kanban/get-store-items?order_id="+order_id,
                type: 'GET',
                success : function(result){
                    $('.modify-search').html(result);
                }
            });
        }

        function removeVariance()
        {
            $('table tbody.tbody-variances').on('click', '.remove-variance', function(){
                $(this).parent().parent().remove();
            })
        }

        $('.cancel-order').on('click', function(e){
            e.preventDefault();
            var order_id = $('.order-id').val();
            var me  = $(this);
            var reason = $('.reason').val()
            if(!reason)
            {
                swal('Opps!', 'Please fill up reason.', 'warning')
                return false;
            }
            
            swal("Are you sure you want to cancel?", {
                    dangerMode: true,
                    icon: "warning",
                    buttons: {
                        confirm: {
                            text: "OK",
                            value: "ok",
                            visible: true,
                            className: "btn-success",
                            closeModal: true
                        },
                        cancel: {
                            text: "Cancel",
                            value: "cancel",
                            visible: true,
                            className: "class3 class4"
                        }
                    },
            })
            .then((value) => {
                switch (value) {       
                    case "ok":
                        if ( me.data('requestRunning') ) {
                            return;
                        }
                    
                        me.data('requestRunning', true);
                        
                        $.ajax({
                            url  : BASE_URL+'/admin/order/kanban/cancel-order?order_id='+order_id,
                            type: 'post',
                            data: $('#cancel_order_form').serialize(),
                            cache: false,
                            success: function(data){
                                if (data.success) {
                                   // notify('success', data.message);
                                    swal('Success', data.message, 'success')
                                    getOrderLists()
                                    $('#cancel-order').modal('toggle');
                                    $('#kanban-form').modal('toggle');
                                    $("#loadingScreen").addClass("d-none");

                                } else {
                                    //notify('warning', data.message);
                                    swal('Opps!', data.message, 'warning')
                                }
                            },
                            complete: function() {
                                me.data('requestRunning', false);
                            }
                        })
                                       
                    break;
                }
            }); //swal
        })

        $('.add-modify-order').on('click', function(e){
             e.stopPropagation()
            var id = $('.modify-search option:selected').val();
            var name = $('.modify-search option:selected').html();
            var mbi_inclusion_id = $('.modify-search option:selected').data('mbi_inclusion_id');

            var has_exist = 0;
            
            $('table tbody.main-tbody tr').each(function(){
                var dtl_item_id = $(this).closest('tr').find('.mod-menu-item-id').val();
                if(id == dtl_item_id)
                {
                    has_exist++;
                }
            })

            if(!id)
            {
                swal('Opps!','Please select menu items', 'warning');
                return false;
            }
            if(has_exist > 0)
            {
                swal('Opps!','Item already added!', 'warning');
                return false;
            }
            
            $('.main-items').removeClass('new-main-items');
            $('.icon-deduct').removeClass('new-icon-deduct');
            $('.icon-add').removeClass('new-icon-add');
            //recomputeQty()

            $.ajax({
                url  : BASE_URL+'/admin/order/kanban/add-menu-store-items?menu_store_item_id='+id+'&mbi_inclusion_id='+mbi_inclusion_id,
                type: 'get',
                cache: false,
                success: function(data){
                    $('tbody.main-tbody').prepend(data)
                    getDetails()
                    addVarianceSizes(id)

                    $('table tbody.main-tbody tr.new-main-items').on('click', '.new-icon-add', function(e){
                        e.stopPropagation()
                        var menu_item_id  = $(this).data('menu_item_id');
                        var increment_qty = 0;
                        var add_qty       = $('.mod-qty-'+menu_item_id+'').val()
                        var increment_qty = parseFloat(add_qty) + 1;
                    
                        $('.mod-label-qty-'+menu_item_id+'').html(parseFloat(increment_qty))
                        $('.mod-qty-'+menu_item_id+'').val(parseFloat(increment_qty))
                        return false;
                    })


                    $('table tbody.main-tbody tr.new-main-items').on('click', '.new-icon-deduct', function(){
                        var menu_item_id = $(this).data('menu_item_id');
                        var id = $(this).data('id');
                        var qty = $('.mod-qty-'+menu_item_id+'').val()
                        var decrement_qty = parseFloat(qty) - 1;
                       
                        if(decrement_qty <= 0)
                        {
                            $('tr.dtl-'+id+'').remove();
                        }
                        else
                        {
                            $('.mod-label-qty-'+menu_item_id+'').html(parseFloat(decrement_qty))
                            $('.mod-qty-'+menu_item_id+'').val(parseFloat(decrement_qty))
                        }
                        return false;
                    })

                    $('table tbody.tbody-variances').on('change', '.dtl-variance-qty', function(){
                        var store_item_id = $(this).data('store_item_id');
                        var main_item_qty = $('.mod-qty-'+store_item_id+'').val();
                        var main_sum_qty = $(this).val();

                        var sum_variance_qty = 0;
                        $("table tbody.tbody-variances-"+store_item_id+" tr.variance-"+store_item_id+"").each(function(){
                            sum_variance_qty += +$(this).closest('tr').find('.variance_dtl_qty').val();
                        });
                        
                        sum_variance_qty = parseFloat(sum_variance_qty) + parseFloat(main_sum_qty);
                    
                        if(parseFloat(sum_variance_qty) > parseFloat(main_item_qty)){

                            swal("Error", "The variance quantity exceeds the quantity of the main items.", "danger");
                            $(this).val('');
                        }
                    });

                },
                complete: function() {
                   // me.data('requestRunning', false);
                }
            })

            $('.modify-search option[value=""]').prop('selected', true);

            // $('table tbody.main-tbody').append(`
                
            //      <tr>
            //         <td>
            //             <a href="#" id="icon-deduct" data-qty="1"><i class="ni ni-fat-delete ni-lg"></i></a>
            //             <a href="#" id="icon-add" data-qty="1"><i class="ni ni-fat-add ni-lg"></i></a>
            //         </td>
            //          <td>${name}</td>
            //         <td>
            //             <label class="control-label">x</label>
            //             <span class="badge badge-md badge-info badge-pill mod-label-qty" style="font-size: 79%">1</span>
            //             <input type="hidden" class="mod-qty" name="mod_qty[]" value="1">
            //             <input type="hidden" class="mod-menu-item-id" name="mod_menu_item[]" value="${id}">
            //         </td>
            //         <td>
            //            <a href="#" class="remove-modify-order"> <i class="fa fa-trash fa-trash-circle fa-md fa-danger"></i> </a>
            //         </td>
            //     </tr>
            // `)
           
            return false;
        })

        $('.save-mode-order').on('click', function(){

            var mode_detail = $('.mode_detail option:selected').val();
            var me  = $(this);
            var order_id = $('.order-id').val();
            
            if(!mode_detail){
                swal("Opps!", 'Please select mode of order.', "warning");
                return false;
            }

            if ( me.data('requestRunning') ) {
                return;
            }

            me.data('requestRunning', true);

            $.ajax({
                url  : BASE_URL+'/admin/order/kanban/mode-order?order_id='+order_id,
                type: 'post',
                data: $('#mode_order_form').serialize(),
                cache: false,
                success: function(data){
                    if (data.success) {
                       // notify('success', data.message);
                        swal('Success', data.message, 'success')
                       
                        //$('#mode-order').modal('toggle');

                    } else {
                        //notify('warning', data.message);
                        swal('Opps!', data.message, 'warning')
                    }
                },
                complete: function() {
                    me.data('requestRunning', false);
                }
            })
        })

        $('.save-payment-method').on('click', function(){

            var payment_method = $('.payment_method option:selected').val();
            var me  = $(this);
            var order_id = $('.order-id').val();
            
            if(!payment_method){
                swal("Opps!", 'Please select payment method.', "warning");
                return false;
            }

            if ( me.data('requestRunning') ) {
                return;
            }

            me.data('requestRunning', true);

            $.ajax({
                url  : BASE_URL+'/admin/order/kanban/payment-method?order_id='+order_id,
                type: 'post',
                data: $('#payment_method_form').serialize(),
                cache: false,
                success: function(data){
                    if (data.success) {
                       // notify('success', data.message);
                        swal('Success', data.message, 'success')
                        
                        //$('#mode-order').modal('toggle');

                    } else {
                        //notify('warning', data.message);
                        swal('Opps!', data.message, 'warning')
                    }
                },
                complete: function() {
                    me.data('requestRunning', false);
                }
            })
        })

        $('.next-status').on('click', function(){
            var order_id = $(this).data('id');
            var status_id = $(this).data('status_id');

            var me  = $(this);

            swal("Are you sure you want to move into next status?", {
                    dangerMode: true,
                    icon: "warning",
                    buttons: {
                        confirm: {
                            text: "OK",
                            value: "ok",
                            visible: true,
                            className: "btn-success",
                            closeModal: true
                        },
                        cancel: {
                            text: "Cancel",
                            value: "cancel",
                            visible: true,
                            className: "class3 class4"
                        }
                    },
            })
            .then((value) => {
                switch (value) {       
                    case "ok":
                        if ( me.data('requestRunning') ) {
                            return;
                        }
                    
                        me.data('requestRunning', true);
                        
                         $.ajax({
                            url  : BASE_URL+'/admin/order/kanban/update-status?order_id='+order_id+'&status_id='+status_id,
                            type: 'get',
                            cache: false,
                            success: function(data){
                                if (data.success) {
                                    getOrderLists()
                                    swal('Success', data.message, 'success')
                                    

                                } else {
                                    //notify('warning', data.message);
                                    swal('Opps!', data.message, 'warning')
                                }
                            },
                            complete: function() {
                                me.data('requestRunning', false);
                            }
                        })
                                                   
                    break;
                }
            }); //swal
        })

        function recomputeQty()
        {
           
            $('table tbody.main-tbody tr.main-items').on('click', '#icon-add', function(e){
                e.stopPropagation()
                var menu_item_id  = $(this).data('menu_item_id');
                var increment_qty = 0;

                var add_qty       = $('.mod-qty-'+menu_item_id+'').val()
                var increment_qty = parseFloat(add_qty) + 1;
            
                $('.mod-label-qty-'+menu_item_id+'').html(parseFloat(increment_qty))
                $('.mod-qty-'+menu_item_id+'').val(parseFloat(increment_qty))
                return false;
            })

            $('table tbody.main-tbody tr.main-items').on('click', '#icon-deduct', function(){
                var menu_item_id = $(this).data('menu_item_id');
                var id = $(this).data('id');
                var qty = $('.mod-qty-'+menu_item_id+'').val()
                var decrement_qty = parseFloat(qty) - 1;
              
                if(decrement_qty <= 0)
                {
                    $('tr.dtl-'+id+'').remove();
                }
                else
                {
                    $('.mod-label-qty-'+menu_item_id+'').html(parseFloat(decrement_qty))
                    $('.mod-qty-'+menu_item_id+'').val(parseFloat(decrement_qty))
                }
                return false;
            })
        }

        function removeOrderDetails()
        {
            $('table tbody.main-tbody').on('click', '.remove-modify-order', function(){
                var id = $(this).data('id');
                $('tr.dtl-'+id+'').remove();
               //$(this).parent().parent().remove();
               // alert($(this).parent().parent().html())
            });
        }

        function emptyOrderForm()
        {

            $('#order-number').html('');
            $('#customer-name, #email-mobile').text('');
            $('#address, #mode-order, #payment-method').text('');
            $(".btn-modify-order").removeData('id');    
            $('table tbody.main-tbody').empty();
            //$('table tbody.tbody-modify-order').empty();
            $('.order-id, #modify_order_id').val('')
            $('.mode_detail option[value=""]').prop('selected', true);
            $('.payment_method option[value=""]').prop('selected', true);
        }


        function getOrderLists() {
            $.ajax({
                url: '?',
                // dataType: 'json', 
                beforeSend: function() {
                    //Pace.start;
                },
                complete: function() {
                    //Pace.stop;
                }
            }).done(function(data) {
                $('#status-lists').html(data);
                sortOrders()
                return data;
            }).fail(function() {
               // Pace.stop;
                swal("Opps!", "Orders could not be loaded.", "warning");
                return 'not success';
            });
        }

        function addVarianceSizes(store_item_id)
        {
            
            $('.dtl-variance-size-id-'+store_item_id+'').empty(); 
            $(document).on('change', '.dtl-variance-id-'+store_item_id+'', function(){
                var mbi_inclusion_variance_id = $('.dtl-variance-id-'+store_item_id+' option:selected').data('mbi_inclusion_variance_id')
                
                $.ajax({
                    url  : BASE_URL+"/admin/order/kanban/get-variance-sizes?mbi_inclusion_variance_id="+mbi_inclusion_variance_id,
                    type: 'GET',
                    success : function(result){
                        $('.dtl-variance-size-id-'+store_item_id+'').html(result);
                    }
                }); 
            });
        }

        function editVarianceSizes()
        {
            $(document).on('change', '.dtl-variance-id', function(){
                var store_item_id = $(this).find(':selected').data('store_item_id')
                
                var mbi_inclusion_variance_id = $('.dtl-variance-id-'+store_item_id+' option:selected').data('mbi_inclusion_variance_id')
                
                $.ajax({
                    url  : BASE_URL+"/admin/order/kanban/get-variance-sizes?mbi_inclusion_variance_id="+mbi_inclusion_variance_id,
                    type: 'GET',
                    success : function(result){
                        $('.dtl-variance-size-id-'+store_item_id+'').html(result);
                    }
                }); 
            });
        }

        function getDetails()
        {
            $('table tbody.tbody-variances').on('click', '.add-variance', function(){
                var menu_store_item_id = $(this).data('menu_store_item_id');
                var variance_item = $(this).closest('tr').find('.dtl-variance-id option:selected');
                var size_id = $(this).closest('tr').find('.dtl-variance-size-id option:selected');
                var qty =  $(this).closest('tr').find('.dtl-variance-qty').val();
                var main_qty = $('.mod-qty-'+menu_store_item_id+'').val();
                var no_of_rows = $('table tbody.tbody-variances-'+menu_store_item_id+' tr.variance-'+menu_store_item_id+'').length;
            
               // alert(main_qty)
               if(parseFloat(main_qty) == parseFloat(no_of_rows))
               {
                    swal("Opps!", "Variance exceeded.", "warning");
                    $(this).closest('tr').find('.dtl-variance-id option[value=""]').attr('selected', true)
                    $(this).closest('tr').find('.dtl-variance-qty').val('');
                    return false;
               }

                if(!variance_item.val())
                {
                    swal("Opps!", "Please select variance.", "warning");
                    return false;
                }

                if(!qty)
                {
                    swal("Opps!", "Please fill qty.", "warning");
                    return false;
                }

                var has_exist = 0;
            
                $('table tbody.tbody-variances-'+menu_store_item_id+' tr').each(function(){
                    var dtl_item_id = $(this).closest('tr').find('.menu_store_item_varaince_id').val();
                   
                    if(variance_item.val() == dtl_item_id)
                    {
                        has_exist++;
                    }
                })
                
                if(has_exist > 0)
                {
                    swal("Opps!", "Variance already added.", "warning");
                    return false;
                }

                $('table tbody.tbody-variances-'+menu_store_item_id+'').append(`
                        <tr class="variance-${menu_store_item_id}">
                            <td>
                                ${variance_item.text()}
                                <input type="hidden" name="variance_menu_store_item_id[]" value="${menu_store_item_id}">
                                <input type="hidden" class="menu_store_item_varaince_id" name="menu_store_item_varaince_id[]" value="${variance_item.val()}">
                            </td>
                            <td>
                                ${size_id.text()}
                                <input type="hidden" name="variance_dtl_size[]" value="${size_id.val()}">
                                <input type="hidden" name="variance_dtl_mbi_inclusion_size[]" value="${size_id.data('mbi_inclusion_size_id')}">
                            </td>
                            <td>
                                <input type="text" class="form-control form-control-sm variance_dtl_qty" data-store_item_id="${menu_store_item_id}" name="variance_dtl_qty[]" value="${qty}">
                            </td>
                            <td>
                                <a href="#" class="remove-variance" ><i class="fa fa-trash fa-trash-circle fa-md fa-danger"></i> </a>
                            </td>
                        </tr>
                    `)

                $(this).closest('tr').find('.dtl-variance-id option[value=""]').attr('selected', true)
                $(this).closest('tr').find('.dtl-variance-qty').val('');
                $(this).closest('tr').find('dtl-variance-size-id').empty()
                edit_variance_qty()
            })
        }

        function addSizes()
        {
            $('table tbody.tbody-variances').on('change', '.dtl-variance-id', function(){
                var store_item_id = $(this).data('store_item_id');

                
            });

            //var variance_id = $('.')
        }

        $(document).on('click', '.btn-submit', function(){
   
          var brand_id = $('.brand_id option:selected').val();

          $.ajax({
              url : '?brand_id='+brand_id
          }).done(function (data) {
            $('#status-lists').html(data);
          }).fail(function () {
              swal("Opps!", "Lists could not be loaded.", "warning");
          });
        })

        $(document).on('click', '.btn-book-now', function(){
            $('.booking-order-lists').empty();
            $('.select-order:checked').each(function(){
                var order_id = $(this).data('order_id');
                var address = $(this).data('address');
                

                $('.booking-order-lists').append(`<div class="col">
                            <div class="card">
                              <div class="bg-transparent border-bottom-0">
                                  <button data-dismiss="alert" data-target="#closeablecard" type="button" class="close" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                  </button>
                                </div>
                              <div class="card-body" >
                                <p class="card-text">
                                 ${order_id}
                                </p>
                                <p class="card-text">
                                  ${address}
                                </p>
                              </div>
                            </div>
                          </div>`)
            })
        })

        $(document).on('click', '.single-book-now', function(){
            var status_id = $(this).data('order_status');
           // alert(status_id)
            if(status_id == 3){
                $('.div-shipping-options').show();
            }
            else
            {
                $('.div-shipping-options').hide();
            }
        })

    </script>
@endsection