@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 {
    max-width: 350px;

}

#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">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-outline-success btn-sm mb-1 black text-dark product_cat" data-toggle="modal" data-target="#modal-default" 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;">
                                            <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>Total Amount:</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">
                                        <tr>
                                            <th class="p-1">
                                            	Search Customer:
                                            </th>
                                            <th class="p-1" colspan="2">

                                            	<input type="text" class="form-control form-control-sm customer" style="" value="">
                                            </th>
                                        </tr>
                                        <tr>
                                            <th class="p-1">
                                            	Customer Name:
                                            </th>
                                            <th class="p-1" colspan="2">
                                            	Junayed:
                                            </th>
                                        </tr>
                                        <tr>
                                            <th class="p-1">
                                            	Mobile:
                                            </th>
                                            <th class="p-1" colspan="2">
                                            	019838757834
                                            </th>
                                        </tr>
                                    </table>


                                    <table class="table table-sm">
                                        <tbody>
                                            <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>SUB 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>TOTAL AMOUNT:

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

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



                                            <tr style="display: none;">
                                                <th colspan="2">
                                                    <div class="form-group row">

                                                      <label class="col-sm-5 col-form-label">Pay. methods:</label>

                                                      <div class="select2-purple col-sm-7">
                                                        <select class="form-control form-control-sm" id="dualpay" 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}}" style="display:none;">
                                                <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 style="display:none;">
                                                <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" style="display: none;">
                                        <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">
                                                <select id="feed_status" class="form-control form-control-sm">
                                                    <option value="1">Take In</option>
                                                    <option value="2">Take Out</option>
                                                </select>
                                            </th>
                                            <th class="p-1">
                                                <select name="waiter_id" class="form-control form-control-sm" id="">
                                                @foreach($waiter as $v)

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

                                                @endforeach
                                                </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 -->

<!-- modal -->
      <div class="modal fade" id="modal-default">
        <div class="modal-dialog">
          <div class="modal-content">

<!--             <div class="modal-header">
              <h4 class="modal-title">Products</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div> -->

            <div class="modal-body">




                <table id="example1" class="table table-bordered table-striped">

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

                  <tbody id="cat_product">

          <!--             <tr>
                        <td> <button type="button" class="btn btn-block btn-outline-success btn-sm black text-dark" data-toggle="modal" data-target="#modal-default">a</button></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>

<!-- /.modal -->

@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('');


        $("#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('');

        $("#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 ) {


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

        }

        if(data.qty_msg){
            alert(data.qty_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').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').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);
                  mywindow.document.write('</body></html>');
                  mywindow.document.close();
                  mywindow.focus();

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

                 setTimeout(function(){
                    mywindow.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){

                            console.log(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;



                        //$("#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);

                        $("#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 (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 waiter_id = $("#waiter_id").val();

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


                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,"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;

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

	    if(element){

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

             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-default').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;


        }


    }

 });


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

    });



});



</script>


@endpush