@extends('layouts.admin')

@push('styles')


<link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">

<link rel="stylesheet" href="{{asset('css/jquery-editable-select.min.css')}}">

<link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">

<link rel="stylesheet" href="{{ asset('plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}">

<style type="text/css">

div.modal {

    left: -8%;

}

table.dataTable tr.odd > td, table.dataTable tr.even > td{

padding: 2px 2px;

}


div.modal  div.modal-dialog {
    margin-right: 30px;

}

#example1_filter{
position: relative;
    left: -82px;

}

.table-sm td, .table-sm th {

  font-size: 15px;

}

.disnone{
    display: none;

}
.disblock{
    display: block;

}

</style>


@endpush

@section('content')
    <!-- Main content -->
    <section class="content mt-1 p-0" style="min-height: 600.4px;">
        <div class="container-fluid">
            <div class="row">

                            <div class="col-md-8">

                                <div class="row">
                                    <div class="col-md-3">
                                        <p class="mb-1 text-center font-weight-bold">Categories</p>
                                        <div class="pl-2" style="height: 480px;overflow-y: scroll;">
                                            <ul class="list-unstyled">


                                                @foreach($categories as $cat)

                                                <li>
                                                    <button type="button" class="btn btn-block btn-dark btn-md mb-1 white text-light font-weight-bold product_cat" data-toggle="modal" data-target="#modal-lg" data-catid="{{$cat->id}}">
                                                    {{$cat->cat_name}}
                                                    </button>
                                                </li>

                                                @endforeach

                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-9">
                                        <div class="mt-2 p-2" style="background: #343a40;">

                                            <div class="row">

                                                <input type="hidden" id="sale_id" value="">
                                                <div class="col-4">
                                                    <input type="text" id="prode_code" class="form-control form-control-sm" placeholder="Code" tabindex="1">


                                                </div>




                                          <!--       <div class="col-2">
                                                    <input type="text" class="form-control form-control-sm" placeholder="Quantity" tabindex="2">
                                                </div> -->

                                                <div class="col-6">

                                                    <select id="product_name" class="form-control form-control-sm" style="background:#fff;color: #000;">


                                                        @foreach($products as $v)


                                                          <option value="{{$v->product_code}} ">{{$v->product_code}}-{{$v->product_name}}</option>


                                                          @endforeach


                                                    </select>
                                                </div>

                                      <!--           <div class="col-2">

                                                    <button type="button" class="btn btn-success btn-sm">ADD</button>

                                                </div> -->


                                            </div>


                                        </div>
                                        <div style="height: 480px;overflow-y: scroll;">


                                            <div id="alrt">

                                            </div>


                                            <table class="table table-sm">
                                                <thead>
                                                    <tr>
                                                        <th>Product Name</th>
                                                        <th>Stock</th>
                                                        <th>Dis.</th>
                                                        <th class="text-center">QTY</th>
                                                        <th class="text-center">Price</th>
                                                        <th class="text-right">Amount</th>
                                                        <th class="text-right">Ac.</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="card_product_list">

                                                </tbody>
                                            </table>



                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <table class="table ml-3">
                                        <tr>
                                            <th class="p-1" style="width:120px">Save Invoice:</th>
                                            <th class="p-1">
                                                <select style="width:140px" name="" class="form-control form-control-sm" id="pendind_inv">
                                                    <option value="">Select Invoice</option>

                                                    @foreach($penInv as $v)

                                                        <option value="{{$v->id}}">{{$v->invoiceno}}</option>

                                                    @endforeach




                                                </select>
                                            </th>
                                            <th class="p-1" style="color: #d81b60;text-align: right;">  <h3> <b style="color: #000;">Total Amt. </b> <b> <span class="total_amt"> </span> </b>  </h3> </th>

                                        </tr>
                                    </table>
                                </div>
                            </div>

                            <div class="col-md-4">

                                <div class="card p-2">
                                    <table class="table table-sm">
                                        <tbody>
                                            <tr>
                                                <th colspan="2" style="text-align:center;">INVOICENO : <span id="inv_no">  </span> </th>
                                            </tr>
                                            <tr>
                                                <th>WITHOUT VAT & SD :</th>
                                                <th  class="text-right">   <span id="sub_total"> </span></th>
                                            </tr>
                                            <tr>
                                                <input type="hidden" id="vatAmt" value="">
                                                <th>VAT:</th>
                                                <th class="text-right"> <span id="vat_amt"> </span></th>
                                            </tr>
                                            <tr>
                                                <input type="hidden" id="sdAmt" value="">
                                                <th>SD:</th>
                                                <th class="text-right"> <span id="sd_amt"> </span></th>
                                            </tr>

                                        </tbody>

                                        <tfoot>
                                            <tr>
                                                <input type="hidden" id="totalAmt" value="">
                                                <th>TOTAL:</th>
                                                <th class="text-right"> <span class="total_amt"> </span> </th>
                                            </tr>

                                            <tr>
                                                    <input type="hidden" id="dis_balance" value="">
                                                    <input type="hidden" id="dis_amount" value="">

                                                <th>DISCOUNT:
                                                    <input type="text" class="form-control form-control-sm" id="persent_dis" style="text-align: right;float: right;width: 55px;"  placeholder=" % Dis."></th>

                                                <th><span style="float: left;position: relative;left: -6px;top: 3px;">+</span>

                                                    <input type="text" class="form-control form-control-sm" id="fiexd_dis" style="text-align: right;float: left;width: 65px;" placeholder="Fixed">

                                                    <span style="float:right;min-width: 75px;text-align: right;" id="total_dis_amt"></span>


                                                </th>
                                            </tr>


                                            <tr>
                                                <input type="hidden" id="aftDisAmt" value="">
                                                <th>AFTER DISCOUNT:</th>
                                                <th class="text-right"> <span id="aftdis"> </span> </th>
                                            </tr>


                                            <tr>

                                                <input type="hidden" id="adjust_ment_amt" value="">
                                                <th>ROUND OF AMT. :

                                                    <div class="icheck-primary d-inline">
                                                    <input type="checkbox" id="is_adj" checked>
                                                    <label for="is_adj">
                                                    </label>
                                                    </div>

                                                </th>
                                                <th class="text-right"> <span id="adjust_ment"></span> </th>
                                            </tr>



                                            <tr>
                                                <th colspan="2">
                                                    <div class="form-group row">

                                                      <label class="col-sm-3 col-form-label"> DUAL PAY:</label>

                                                      <div class="select2-purple col-sm-9">
                                                        <select class="form-control form-control-sm select2" id="dualpay" multiple="multiple" data-placeholder="Select a State" data-dropdown-css-class="select2-purple" style="width: 100%;">
                                                            @foreach($pmethods as $v)

                                                                <option value="{{$v->id}}">{{$v->pmode_name}}</option>

                                                            @endforeach


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

                                                </th>
                                            </tr>


                                            @foreach($pmethods as $v)

                                            @php

                                            $cl = 'p_'.$v->id;

                                                if($v->pmode_name != 'CASH'){

                                                    $st = 'disnone';
                                                    $st2 = '';

                                                }else{
                                                    $st = '';
                                                    $st2 = 'disnone';
                                                }

                                            @endphp

                                            <tr class="pmethod {{$cl}} {{$st}}">
                                                <th>{{$v->pmode_name}}:</th>
                                                <th class="text-right">

                                                    <input type="number" class="form-control form-control-sm pay_val" style="width: 85px;float: right;text-align: right;" value="" data-mid="{{$v->id}}">

                                                </th>
                                            </tr>

                                            @endforeach

                                            <tr>
                                                <input type="hidden" id="change_amt" value="">
                                                <th>CHANGE:</th>
                                                <th class="text-right"> <span id="change_amt_htm"></span></th>
                                            </tr>

                                        </tfoot>
                                    </table>


                                    <table class="table table-sm">

                                        <tr>
                                            <th class="p-1">
                                                <select id="table_id" class="form-control form-control-sm">
                                                    <option value="">Select Table</option>
                                                    @foreach($tables as $v)
                                                    <option value="{{$v->id}}">{{$v->table_name}}</option>
                                                    @endforeach
                                                </select>
                                            </th>
                                            <th class="p-1" colspan="2">
                                                <select class="form-control form-control-sm" id="waiter_id">
                                                <option value="">Select Waiter</option>
                                                @foreach($waiter as $v)
                                                 <option value="{{$v->id}}">{{$v->name}}</option>
                                                @endforeach
                                                </select>
                                            </th>
                                        </tr>

                                        <tr>
                                            <th class="p-1">
                                                <select id="trans_type" class="form-control form-control-sm">
                                                    <option value="1" selected>N</option>
                                                    <option value="2">C</option>
                                                </select>
                                            </th>
                                            <th class="p-1" colspan="2">
                                                <select id="feed_status" class="form-control form-control-sm">
                                                    <option value="1">Take In</option>
                                                    <option value="2">Take Out</option>
                                                </select>
                                            </th>
                                        </tr>


                                        <tr>
                                            <th colspan="3" class="p-2">

                                                <button type="button" id="submit_inv" class="btn btn-primary btn-sm">Submit & Print</button>

                                               <!--  <button type="button" id="print_slip" class="btn btn-secondary btn-sm">Print</button> -->

                                                <button type="button" id="save_invo" class="btn btn-success btn-sm">Save</button>

                                                <button type="button" id="inv_cancel" class="btn btn-danger btn-sm">Cancel</button>


                                            </th>

                                        </tr>
                                    </table>

                                </div>


                            </div>

                        </div>

                    <!-- /.card -->
                </div>
                <!-- right column -->

    </section>
    <!-- /.content -->

    <div class="modal fade" id="modal-lg"aria-modal="true" role="dialog">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-body">
                <table id="example1" class="table table-bordered table-striped">

                    <thead>
                    <tr>
                        <th> <span id="catName"> </span> </th>
                    </tr>
                    </thead>

                    <tbody>
                            <tr>
                                <td class="d-flex flex-wrap" id="cat_product"></td>
                            </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer justify-content-between">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

@endsection



@push('scripts')
<script src="{{asset('plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>


<script src="{{asset('js/shortcut.js')}}"></script>

<script src="{{asset('js/jquery-editable-select.min.js')}}"></script>

<script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>
<script src="{{ asset('js/sweetalert.all.js') }}"></script>



<script type="text/javascript">


    function clear(){
        $("#prode_code").val('');
        $("#product_name").val('');
        $("#persent_dis").val('');
        $("#fiexd_dis").val('');
        $("#totalAmt").val('');
        $("#dis_balance").val('');
        $("#aftDisAmt").val('');
        $("#adjust_ment_amt").val('');
        $("#sale_id").val('');
        $("#dis_amount").val('');
        $("#change_amt").val('');
        $("#vatAmt").val('');
        $("#sdAmt").val('');
        $("#table_id").val('');
        $("#waiter_id").val('');


        $("#card_product_list").html('');
        $("#sub_total").html('');
        $("#vat_amt").html('');
        $("#sd_amt").html('');
        $("#total_amt").html('');
        $("#total_dis_amt").html('');
        $("#aftdis").html('');
        $("#adjust_ment").html('');
        $(".total_amt").html('');
        $("#inv_no").html('');

        $("#dualpay").val('');

        $(".pay_val").val('');

        $("#change_amt_htm").html('');

        $('.select2').val(null).trigger('change');




    }


function addTocard(product_code,qty,type,thiSel){

        if($("#sale_id").val()){

            var sale_id = $("#sale_id").val();

        }else{

            var sale_id = '';
        }

      let route = '{{ route("saleres.addtocard") }}';

    $.post(route, { "sale_id":sale_id, "product_code":product_code,"qty":qty})
    .done(function( data ) {

        $("#alrt").html('');

        if(data.sale_id){
            let sale_id = data.sale_id;
            $("#sale_id").val(sale_id);

        }

        if(data.invoiceno){
            let invoiceno = data.invoiceno;
            $("#inv_no").html(invoiceno);

        }

        if(data.qty_msg){
            alert(data.qty_msg);
        }


        // if(data.alert_msg){


        //      $("#alrt").html(data.alert_msg);

        // }

        if(data.list){

            if(type==='rem'){


                let insid = "#"+data.insid;

                $(insid).remove();

                //$("#card_product_list").prepend(data.list);

            }

            if(type==='add'){

                let insid = "#"+data.insid;

                $(insid).remove();

                $("#card_product_list").prepend(data.list);

            }

            if(type==='ins'){


                $(thiSel).parent('td').parent('tr').find('.qty_val').val(data.qty);
               // $(thiSel).parent('td').parent('tr').find('.qty').html(data.qty);
                $(thiSel).parent('td').parent('tr').find('.amt').html(data.ttAmt);

                 $(thiSel).parent('td').parent('tr').find('.ins_des_qty').val(data.qty);

            }

            if(type==='des'){


                $(thiSel).parent('td').parent('tr').find('.qty_val').val(data.qty);
                //$(thiSel).parent('td').parent('tr').find('.qty').html(data.qty);
                $(thiSel).parent('td').parent('tr').find('.amt').html(data.ttAmt);

                $(thiSel).parent('td').parent('tr').find('.ins_des_qty').val(data.qty);

            }




        }


        if(data.without_vat_sd){

            $("#sub_total").html(data.without_vat_sd);
        }else{
             $("#sub_total").html('');
        }

        if(data.vat_amt){

            $("#vat_amt").html(data.vat_amt);
            $("#vatAmt").val(data.vat_amt);
        }else{
            $("#vat_amt").html('');
            $("#vatAmt").val(0);
        }

        if(data.sd_amt){

            $("#sd_amt").html(data.sd_amt);
            $("#sdAmt").val(data.sd_amt);
        }else{
             $("#sd_amt").html('');
            $("#sdAmt").val(0);
        }

        if(data.amount){

            $(".total_amt").html(data.amount);
            $("#totalAmt").val(data.amount);
            $("#aftDisAmt").val(data.amount);

            $("#adjust_ment_amt").val(data.amount);
            $("#adjust_ment").html(data.amount);

        }else{
            $(".total_amt").html('');
            $("#totalAmt").val('');
            $("#aftDisAmt").val('');

            $("#adjust_ment_amt").val('');
            $("#adjust_ment").html('');
        }

        if(data.dis_balance){

            $("#dis_balance").val(data.dis_balance);



            if($("#persent_dis").val()){

                var pers = $("#persent_dis").val();

            }else{
                var pers = 0;
            }


            if($("#fiexd_dis").val()){

                var fiexdDis = $("#fiexd_dis").val();

            }else{
                var fiexdDis = 0;
            }


            disCount(pers,fiexdDis);


        }else{
            $("#dis_balance").val(0);
        }


        var isAdj = 1;
        adjustMent(isAdj);


      $("#prode_code").val('');

    })
    .fail(function() {

      alert( "error" );
    });


}


function disCount(present,fiexd){

    if($("#dis_balance").val()){

        let dis_balance = $("#dis_balance").val();

        if(+present > 0){

            var pDisAmt = ( dis_balance * present) / 100;
            pDisAmt = pDisAmt.toFixed(2);

        }else{

            var pDisAmt = 0;

        }

        var disAmt = +pDisAmt + +fiexd;
        disAmt = disAmt.toFixed(2);


        let totalAmt = $("#totalAmt").val();

        let aftDis = totalAmt - disAmt;
        aftDis = aftDis.toFixed(2);


        $("#total_dis_amt").html(disAmt);
        $("#dis_amount").val(disAmt);
        $("#aftdis").html(aftDis);
        $("#aftDisAmt").val(aftDis);

        $("#adjust_ment_amt").val(aftDis);
        $("#adjust_ment").html(aftDis);


        let isAdj = 1;
        adjustMent(isAdj);


        $(".pay_val").val();

        $('.select2').val(null).trigger('change');


    }else{
        $("#dis_amount").val('');
        $("#aftdis").html('');
        $("#aftDisAmt").val('');
        $("#total_dis_amt").html('');

        $("#adjust_ment_amt").val('');
        $("#adjust_ment").html('');
    }

}


function adjustMent(isAdj){


    if($("#aftDisAmt").val()){


        let aftDisAmt = $("#aftDisAmt").val();

        if(isAdj===1){

        let roundVal = Math.round(aftDisAmt)

        $("#adjust_ment_amt").val(roundVal);
        $("#adjust_ment").html(roundVal);

        }else{

            $("#adjust_ment_amt").val(aftDisAmt);
            $("#adjust_ment").html(aftDisAmt);

        }


    }


}


function pmethodSum(){


    var pmethArr = [];

    var amt = 0;
    var dataAr = [];


    $('.pay_val').each(function(){


        if($(this).val()){

           var pal = $(this).val();
           var id = $(this).data("mid");

           pmethArr[id] = pal;

           amt = +amt + +pal;


        }


 });


if(pmethArr.length){

     dataAr['pmethArr'] = pmethArr;
     dataAr['amt'] = amt;


     return dataAr;


}


return false;


}


function printSlip(sale_id){


        var url = '{{ route('saleres.printslip', ':id') }}';
        url = url.replace(':id', sale_id);

        var jqxhr = $.get(url, function(data) {
                if (!data) {
                    alert('No Sale found!');
                }
            })
            .done(function(data) {


                var mywindow = window.open('', 'Invoice Print', 'height=400,width=600');
                  mywindow.document.write('<html><head><title></title>');
                  mywindow.document.write('<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">');
                  mywindow.document.write('</head><body >');
                  mywindow.document.write(data.slip);
                  mywindow.document.write('</body></html>');
                  mywindow.document.close();
                  mywindow.focus();

                    setTimeout(function(){
                    mywindow.print();
                    },1000);

                 setTimeout(function(){
                    mywindow.close();
                  },1000);

                 //kot print

                var mywindow2 = window.open('', 'Kot Print', 'height=400,width=600');
                  mywindow2.document.write('<html><head><title></title>');
                  mywindow2.document.write('<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">');
                  mywindow2.document.write('</head><body >');
                  mywindow2.document.write(data.kot);
                  mywindow2.document.write('</body></html>');
                  mywindow2.document.close();
                  mywindow2.focus();

                    setTimeout(function(){
                    mywindow2.print();
                    },1000);

                 setTimeout(function(){
                    mywindow2.close();
                  },1000);



            })
            .fail(function() {

            })
            .always(function() {

            });

        jqxhr.always(function() {

        });

}


$(function() {


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

    //Initialize Select2 Elements

    $('.select2bs4').select2({
      theme: 'bootstrap4'
    });



clear();

// $.ajaxSetup({
//     headers: {
//         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
//     }
// });



$("#pendind_inv").change(function(){


    if($(this).val()){

        var sale_id = $(this).val();


                var url = '{{ route('saleres.viewinv', ':id') }}';
                    url = url.replace(':id', sale_id);

                    var jqxhr = $.get(url, function(data) {
                            if (!data) {
                                alert('No Sale found!');
                            }
                        })
                        .done(function(data) {

                        if(data){

                        var prode_code = data.prode_code;
                        var product_name = data.product_name;
                        var persent_dis = data.persent_dis;
                        var fiexd_dis = data.fiexd_dis;
                        var totalAmt = data.totalAmt;
                        var dis_balance = data.dis_balance;
                        var aftDisAmt = data.aftDisAmt;
                        var adjust_ment_amt = data.adjust_ment_amt;
                        var sale_id = data.sale_id;
                        var dis_amount = data.dis_amount;
                        var change_amt = data.change_amt;
                        var vatAmt = data.vatAmt;
                        var sdAmt = data.sdAmt;
                        var card_product_list = data.card_product_list;
                        var sub_total = data.sub_total;
                        var vat_amt = data.vat_amt;
                        var sd_amt = data.sd_amt;
                        var total_amt = data.total_amt;
                        var total_dis_amt = data.total_dis_amt;
                        var aftdis = data.aftdis;
                        var adjust_ment = data.adjust_ment;
                        var dualpay = data.dualpay;
                        var pay_val = data.pay_val;
                        var change_amt_htm = data.change_amt_htm;
                        var invoiceno = data.invoiceno;



                        //$("#prode_code").val('');
                        //$("#product_name").val('');
                        $("#persent_dis").val(persent_dis);
                        $("#fiexd_dis").val(fiexd_dis);
                        $("#totalAmt").val(totalAmt);
                        $("#dis_balance").val(dis_balance);
                        $("#aftDisAmt").val(aftDisAmt);
                        $("#adjust_ment_amt").val(adjust_ment_amt);
                        $("#sale_id").val(sale_id);
                        $("#dis_amount").val(dis_amount);
                        $("#change_amt").val(change_amt);
                        $("#vatAmt").val(vatAmt);
                        $("#sdAmt").val(sdAmt);


                        $("#card_product_list").html(card_product_list);
                        $("#sub_total").html(sub_total);
                        $("#vat_amt").html(vat_amt);
                        $("#sd_amt").html(sd_amt);
                        $("#total_amt").html(total_amt);
                        $("#total_dis_amt").html(total_dis_amt);
                        $("#aftdis").html(aftdis);
                        $("#adjust_ment").html(adjust_ment);
                        $(".total_amt").html(total_amt);

                        $("#inv_no").html(invoiceno);

                        $("#dualpay").val(dualpay);

                        $(".pay_val").val(pay_val);

                        $("#change_amt_htm").html(change_amt_htm);




                        }


            })
            .fail(function() {

            })
            .always(function() {

            });

        jqxhr.always(function() {

        });



       }


});



$("#save_invo").click(function(e){
    e.preventDefault();


       if($("#sale_id").val()){


                var sale_id = $("#sale_id").val();

                var url = '{{ route('saleres.saveinv', ':id') }}';
                    url = url.replace(':id', sale_id);

                    var jqxhr = $.get(url, function(data) {
                            if (!data) {
                                alert('No Sale found!');
                            }
                        })
                        .done(function(data) {

                if(data){


                    $("#pendind_inv").html(data);


                clear();

              }else{


                clear();


              }


            })
            .fail(function() {

            })
            .always(function() {

            });

        jqxhr.always(function() {

        });





        clear();

        Swal.fire({"title":"Invoice Saved successfully!!","text":"","timer":2000,"background":"#fff","width":"32rem","padding":"1.25rem","showConfirmButton":false,"showCloseButton":true,"timerProgressBar":false,"customClass":{"container":null,"popup":null,"header":null,"title":null,"closeButton":null,"icon":null,"image":null,"content":null,"input":null,"actions":null,"confirmButton":null,"cancelButton":null,"footer":null},"toast":true,"icon":"success","position":"top-end"});

       }



});


$("#inv_cancel").click(function(e){

    e.preventDefault();


    if($("#sale_id").val()){

    var sale_id = $("#sale_id").val();

    }else{

        alert('No sale Found!');

        return false;
    }

    if (confirm('Are you sure you want to cancel this sale?')) {

    var sale_id = $("#sale_id").val();

    var url = '{{ route('saleres.invcancel', ':id') }}';
        url = url.replace(':id', sale_id);

        var jqxhr = $.get(url, function(data) {
                if (!data) {
                    alert('No Sale found!');
                }
            })
            .done(function(data) {

                if(data){

                    $('#pendind_inv option:selected').remove();


    clear();

      Swal.fire({"title":"Invoice Canceled!!","text":"","timer":2000,"background":"#fff","width":"32rem","padding":"1.25rem","showConfirmButton":false,"showCloseButton":true,"timerProgressBar":false,"customClass":{"container":null,"popup":null,"header":null,"title":null,"closeButton":null,"icon":null,"image":null,"content":null,"input":null,"actions":null,"confirmButton":null,"cancelButton":null,"footer":null},"toast":true,"icon":"success","position":"top-end"});
  }else{


    clear();

      Swal.fire({"title":"something went wrong. please try again!!","text":"","timer":2000,"background":"#fff","width":"32rem","padding":"1.25rem","showConfirmButton":false,"showCloseButton":true,"timerProgressBar":false,"customClass":{"container":null,"popup":null,"header":null,"title":null,"closeButton":null,"icon":null,"image":null,"content":null,"input":null,"actions":null,"confirmButton":null,"cancelButton":null,"footer":null},"toast":true,"icon":"warning","position":"top-end"});

  }


            })
            .fail(function() {

            })
            .always(function() {

            });

        jqxhr.always(function() {

        });




    }

    return true;


});



$("#print_slip").click(function(e){
    e.preventDefault();

    if($("#sale_id").val()){

        var sale_id = $("#sale_id").val();

        printSlip(sale_id);

    }


});


$("#submit_inv").click(function(e){
    e.preventDefault();


        if($("#sale_id").val()){


        var pm = pmethodSum();


        if(pm){

            var adjust_ment_amt = $("#adjust_ment_amt").val();

             var pamt = pm.amt;
             var pmethArr = pm.pmethArr;


            if(+pamt < +adjust_ment_amt){

                alert("Receive cash not less than total amount!");

                return false;

            }else{

                var amtAr = [];


                for (const [key, val] of Object.entries(pmethArr)) {

                     if(+val > 0){

                        amtAr[key] = val

                     }

                }

                var len = amtAr.length;

                if(+len > 2){

                    if(+pamt > +adjust_ment_amt){

                        alert("Receive cash not greater than total amount!");

                        return false;

                    }


                }


               var persent_dis = $("#persent_dis").val();

                var fiexd_dis = $("#fiexd_dis").val();

                var totalAmt = $("#totalAmt").val();

                var dis_balance = $("#dis_balance").val();

                var aftDisAmt = $("#aftDisAmt").val();


                var sale_id = $("#sale_id").val();

                var dis_amount = $("#dis_amount").val();

                var change_amt = $("#change_amt").val();

                var trans_type = $("#trans_type").val();
                var feed_status = $("#feed_status").val();

                var vat_amt = $("#vatAmt").val();
                var sd_amt = $("#sdAmt").val();

                if($("#table_id").val()){

                     var table_id = $("#table_id").val();
                }else{
                    var table_id = '';
                }

                if($("#waiter_id").val()){

                     var waiter_id = $("#waiter_id").val();

                }else{

                    var waiter_id = '';
                }


                var route = '{{ route("sale.store") }}';

                $.post(route, { "sale_id":sale_id,"persent_dis": persent_dis,"fiexd_dis":fiexd_dis,"totalAmt":totalAmt,"dis_balance":dis_balance,"aftDisAmt":aftDisAmt,"adjust_ment_amt":adjust_ment_amt,"dis_amount":dis_amount,"change_amt":change_amt,"pamt":pamt,"pmethArr":amtAr,"trans_type":trans_type,"feed_status":feed_status,"waiter_id":waiter_id,"table_id":table_id,"vat_amt":vat_amt,"sd_amt":sd_amt,"_token": "{{ csrf_token() }}"})
                .done(function( data ) {

                    if(data){


                        $('#pendind_inv option:selected').remove();


                        clear();

                        Swal.fire({"title":"Sale successfully inserted!!","text":"","timer":2000,"background":"#fff","width":"32rem","padding":"1.25rem","showConfirmButton":false,"showCloseButton":true,"timerProgressBar":false,"customClass":{"container":null,"popup":null,"header":null,"title":null,"closeButton":null,"icon":null,"image":null,"content":null,"input":null,"actions":null,"confirmButton":null,"cancelButton":null,"footer":null},"toast":true,"icon":"success","position":"top-end"});



                     printSlip(sale_id);



                    }else{


                        clear();

                          Swal.fire({"title":"something went wrong. please try again!!","text":"","timer":2000,"background":"#fff","width":"32rem","padding":"1.25rem","showConfirmButton":false,"showCloseButton":true,"timerProgressBar":false,"customClass":{"container":null,"popup":null,"header":null,"title":null,"closeButton":null,"icon":null,"image":null,"content":null,"input":null,"actions":null,"confirmButton":null,"cancelButton":null,"footer":null},"toast":true,"icon":"warning","position":"top-end"});


                    }

                })
                .fail(function() {
                alert( "error" );
                });



            }


        }else{

            alert("Receive Cash Not Empty!");
            return false;
        }



        }else{
            alert("No Product Selected!");

            return false;
        }



});


$(".pay_val").keyup(function(){


    if($("#adjust_ment_amt").val()){

        let adjust_ment_amt = $("#adjust_ment_amt").val();

        var pm = pmethodSum();

        var pamt = pm.amt;


        if(pamt){


            if(+pamt <= +adjust_ment_amt){


                $("#change_amt").val('');
                $("#change_amt_htm").html('');

            }else{


                let chAmt = adjust_ment_amt - pm.amt;
                 chAmt =  Math.abs(chAmt);

                $("#change_amt").val(chAmt);
                $("#change_amt_htm").html(chAmt);

            }



        }else{
            $("#change_amt").val('');
            $("#change_amt_htm").html('');
        }


    }


});


$("#dualpay").change(function(){


        $(".pay_val").val('');

        $("#change_amt").val('');
        $("#change_amt_htm").html('');

        var dualpay = $("#dualpay").val();

         var sl;

        if(dualpay.length){

            $(".pmethod").hide();

        dualpay.forEach((element) => {

             sl = '.p_'+element;

            $(sl).show();

        });


    }else{


            $(".pmethod").hide();
            sl = '.p_1';

            $(sl).show();

    }

});


$("#is_adj").click(function(){


    if($(this).prop('checked') == true){

        let isAdj = 1;
        adjustMent(isAdj);

    }else{


        let isAdj = 0;
        adjustMent(isAdj);

    }

});



    $("#fiexd_dis").keyup(function(){

        if($(this).val()){

            var fiexdDis = $(this).val();

             var disBalance = $("#dis_balance").val();

             if(+fiexdDis > +disBalance){

                $(this).val('');
                fiexdDis = 0;

             }

            if($("#persent_dis").val()){

                var pers = $("#persent_dis").val();

            }else{
                var pers = 0;
            }


            disCount(pers,fiexdDis);

        }else{


            var fiexdDis = 0;

            if($("#persent_dis").val()){

                var pers = $("#persent_dis").val();

            }else{
                var pers = 0;
            }


            disCount(pers,fiexdDis);


        }


    });

    $("#persent_dis").keyup(function(){

        if($(this).val()){

            var pers = $(this).val();

            if(+pers > 80){

                $(this).val('');

                return false;
            }

            if($("#fiexd_dis").val()){

                var fiexdDis = $("#fiexd_dis").val();

            }else{
                var fiexdDis = 0;
            }


            disCount(pers,fiexdDis);

        }else{

            var pers = 0;

            if($("#fiexd_dis").val()){

                var fiexdDis = $("#fiexd_dis").val();

            }else{
                var fiexdDis = 0;
            }


            disCount(pers,fiexdDis);

        }


    });


$(".product_cat").click(function(){

    let cat_name = $(this).html();

    $("#catName").html(cat_name);

    let catid = $(this).data("catid");

      var url = '{{ route("saleres.catproduct", ":id") }}';
      url = url.replace(':id', catid);

      var jqxhr = $.get(url, function(data) {

          if(!data){
            console.log('No Product found!');
          }
      })
        .done(function(data) {

          $("#cat_product").html(data);


        })
        .fail(function() {

        })
        .always(function() {

        });

});


$("#prode_code").focus();


$('#product_name').editableSelect({ effects: 'default' });


$("#product_name").change(function(){


    if(product_name){

        let codeName = $(this).val();

        let code = codeName.split('-');

        let product_code = code[0];

        let thiSel = this;


         let qty = prompt("Please enter Quantity");

          if (+qty > 0) {

            let type = 'add';

            var addtocard = addTocard(product_code,qty,type,thiSel);

            $(this).val('');
          }


    }


});


$( "body" ).on( "click", ".addbyname", function() {

    let thiSel = this;

    let product_code = $(this).data('pcode');

     let qty = prompt("Please enter Quantity");

      if (+qty > 0) {

        $('#modal-lg').modal('hide');

        let type = 'add';

        var addtocard = addTocard(product_code,qty,type,thiSel);


      }

      return true;


});

$( "#card_product_list" ).on( "click", ".rem", function() {

    let thiSel = this;

    let qty = 0;


    let product_code = $(this).data('pcode');


    let type = 'rem';

     var addtocard = addTocard(product_code,qty,type,thiSel);


});

$( "#card_product_list" ).on( "click", ".ins", function() {

    let thiSel = this;

    let qty = $(this).parent('td').parent('tr').find('.ins_des_qty').val();


    let product_code = $(this).data('pcode');


        qty = +qty + 1;

        if(+qty <= 0){
            qty=1;
        }


        let type = 'ins';

         var addtocard = addTocard(product_code,qty,type,thiSel);


});


$( "#card_product_list" ).on( "click", ".des", function() {

    let thiSel = this;

    let qty = $(this).parent('td').parent('tr').find('.ins_des_qty').val();

    let product_code = $(this).data('pcode');


        qty = qty - 1;

        if(+qty <= 0){
            qty=1;
        }

        let type = 'des';

         var addtocard = addTocard(product_code,qty,type,thiSel);


});



 $('#prode_code').on('keypress', function (e) {

    let key = e.which;

    if (key == 13) {


        if($(this).val()){

        let thiSel = this;

        let product_code = $(this).val();


             let qty = prompt("Please enter Quantity");
              if (qty > 0) {

                let type = 'add';

                var addtocard = addTocard(product_code,qty,type,thiSel);


              }

              return false;


        }


    }

 });


$( "#card_product_list" ).on( "change", ".qty_val", function() {

        if($(this).val()){

            let thiSel = this;

            let qty = $(this).val();

            let type = 'add';


            let product_code = $(this).data('pcode');

            var addtocard = addTocard(product_code,qty,type,thiSel);


             return false;


        }


});

  $("#example1").DataTable({
      "responsive": true, "lengthChange": false, "autoWidth": false,
      "searching": false,
      "paging": false

    });



});



</script>


@endpush