@extends('layouts.master')
@section('css')
<!-- Internal Data table css -->
<link href="{{ URL::asset('assets/plugins/datatable/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/datatable/css/buttons.bootstrap4.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/datatable/css/jquery.dataTables.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.dataTables.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
<style>
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

        .box {
            width: 200px;
            height: 50px;
            background-color: white;
            border: 1px solid #ccc;
        }

.close {
    float: right;
    font-size: 24px;
    cursor: pointer;
}

.modal {
    display: none;
}

.modal.show {
    display: block;
}
</style>

<!-- Internal Spectrum-colorpicker css -->
<link href="{{ URL::asset('assets/plugins/spectrum-colorpicker/spectrum.css') }}" rel="stylesheet">

<!-- Internal Select2 css -->
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">

@section('title')
{{ __('home.liquidation') }}@stop
@endsection
@section('page-header')
<div class="main-parent">
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between parent-heading">
        <div class="my-auto">
            <h4 class="content-title mb-0 my-auto">{{ __('home.liquidation') }}</h4>
        </div>
    </div>
    <!-- breadcrumb -->
    @endsection
    @section('content')

    @if (count($errors) > 0)
    <div class="alert alert-danger">
        <button aria-label="Close" class="close" data-dismiss="alert" type="button">
            <span aria-hidden="true">&times;</span>
        </button>
        <strong>خطا</strong>
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif

    <!-- row -->
    <div class="row">

        <div class="col-xl-12">
            <div class="card mg-b-20">


                <div class="card-header pb-0">

                




                        {{-- 3 --}}


                        <br>


                        <div class="row">

                            <div class="col-lg-4" id="start_at">
                                <label class="parent-label" for="exampleFormControlSelect1">
                                    {{ __('home.no_liquidation') }} -  {{ __('home.polica_number') }}</label>
                                <input class="form-control" value="{{ $start_at ?? '' }}" id="invoiceid" placeholder="*"
                                    type="text" onkeyup="searchaboutinvoiceByIdfunction()" >
                            </div><!-- input-group -->
              
                            <div class="col-lg-2" id="start_at">
                                <label class="parent-label" for="exampleFormControlSelect1">
                                    {{ __('home.searchbydate') }}</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i class="fas fa-calendar-alt"></i>
                                        </div>
                                    </div>
                                    <input class="form-control parent-input fc-datepicker" value="{{ $start_at ?? '' }}"
                                        id="date" placeholder="YYYY-MM-DD" type="text"
                                        onchange="searchaboutproductfunction()" required>
                                </div><!-- input-group -->

                                <!-- input-group -->

                            </div><br>

                                                        <div class="col-xl-12">
                                <br>


                                <div class="card mg-b-20">


                                    <div>
                                        <div class="table-responsive hoverable-table" id="ajax_responce_allinvoicesDiv">
                                            <table class="table text-md-nowrap text-center our-table" id="example1"
                                                data-page-length='50' style=" text-align: center;">
                                                <thead>
                                                    <tr>
                                                        <th style="color: #FF4F1F;font-size:12px"
                                                            class="border-bottom-0">{{ __('home.no_liquidation') }}</th>
                                                        <th style="color: #FF4F1F;font-size:12px"
                                                            class="border-bottom-0">{{ __('home.sallerName') }} </th>
                                                        <th style="color: #FF4F1F;font-size:12px"
                                                            class="border-bottom-0">{{ __('home.date') }}</th>
                                                        <th style="color: #FF4F1F;font-size:12px"
                                                            class="border-bottom-0">{{ __('home.branch') }}</th>
                                                        <th style="color: #FF4F1F;font-size:12px"
                                                            class="border-bottom-0">{{ __('home.total') }}</th>
                                                        <th style="color: #FF4F1F;font-size:12px"
                                                            class="border-bottom-0">{{ __('home.operations') }}</th>



                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <td>-</td>
                                                    <td>-</td>
                                                    <td>-</td>
                                                    <td>-</td>
                                                    <td>-</td>
                                                    <td>-</td>
                                                    <td>-</td>
                                                </tbody>
                                            </table>
                                            <div>



                                            </div>
                                            <br>

                                        </div>
                                    </div>
                  

       

                </div>



            </div>
        </div>
        <!-- row closed -->
    </div>
    <!-- Container closed -->
</div>
<!-- main-content closed -->
</div>
<!-- enter payments -->

<div class="modal fade" id="cancel_confirm_modolla" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content modal-content-demo">
            <div class="modal-header">
                <h6 class="modal-title"> {{ __('home.alert') }} </h6>
            </div>
            <div class="modal-body">


                        <input class="form-control parent-input" hidden name="cancel_confirm_id" id="cancel_confirm_id" >




                <div class="col">
                    <span style="color:red">{{__('home.confirm_cancel_message')}}</span>
                </div>



            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('home.cancel')}}</button>
                <button id="confirm_cancel_Liquidation" name="confirm_cancel_Liquidation" data-dismiss="modal" class="btn btn-danger">{{ __('home.confirm') }}</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="paymentmethod" tabindex="-1">
    <div style="margin: 5% !important;" class="modal-dialog modal-special" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title"> {{ __('home.add_describtion_shipment') }} </h6>
            </div>
            <div class="modal-body">

                <form enctype="multipart/form-data" method="POST" role="search" name="form-name" id='formdata'
                    autocomplete="off">
                    {{ csrf_field() }}

                    <div class="row">

                        <div class="col">

                            <label class="control-label parent-label">{{ __('home.loading') }}</label>
                            <input type="text" class="form-control parent-input" name="loading" id="loading">
                        </div>
                        <div class="col">
                            <label class="control-label parent-label">{{ __('home.Unloading') }}</label>
                            <input type="text" class="form-control parent-input" name="Unloading" id="Unloading">
                        </div>
                        <div class="col">

                            <label class="control-label parent-label">{{ __('home.truck_no') }}</label>
                            <input type="text" class="form-control parent-input" name="truck_no" id="truck_no">
                        </div>
                        <div class="col">
                            <label class="control-label parent-label">{{ __('home.invoice_no') }}</label>
                            <input type="text" class="form-control parent-input" name="invoice_no" id="invoice_no">
                        </div>

                    </div>
                    <div class="row">

                        <div class="col">

                            <label class="control-label parent-label">{{ __('home.delay') }}</label>
                            <input type="text" class="form-control parent-input" name="delay" id="delay">
                        </div>
                        <div class="col">
                            <label class="control-label parent-label">{{ __('home.ext') }}</label>
                            <input type="text" class="form-control parent-input" name="ext" id="ext">
                        </div>
                        <div class="col">

                            <label class="control-label parent-label">{{ __('home.notesClient') }}</label>
                            <input type="text" class="form-control parent-input" name="note" id="note">
                        </div>
                        <div class="form-group">
                            <label> {{__('home.attachments')}}</label>
                            <input autocomplete="off" onchange="readURL(this)" type="file" id="attachments"
                                name="attachments" class="form-control">

                        </div>

                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-secondary" data-dismiss="modal">{{ __('home.cancel') }}</button>

                        <button type='submit' data-dismiss="modal" class="btn btn-success " id="button_1">
                            {{ __('home.savedecoument') }}

                        </button>
                    </div>
                </form>

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


    <!-- delete -->

</div>
<div class="modal" id="updateCustomer">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content modal-content-demo">
            <div class="modal-header">
                <h6 class="modal-title"> {{ __('home.updatecustome') }} </h6>
            </div>
            {{ csrf_field() }}


            <div class="modal-body">




                <input type="hidden" id="token_search" value="{{ csrf_token() }}">


                <div class="row">
                    <div class="col">


                        <label for="inputName" class="control-label parent-label">{{ __('home.Invoice_no') }}</label>
                        <input type="number" class="form-control parent-input" id="id" name="id"
                            title="    رقم الفاتورة  " readonly>

                    </div>
                    <div class="col">


                        <label for="inputName" class="control-label parent-label">{{ __('home.clietName') }}</label>
                        <input type="text" class="form-control parent-input" id="customername" name="customername"
                            title="   اسم  العميل  " readonly>

                    </div>
                </div>
                <br>
                <div class=" col">
                    <label> {{ __('home.chooseclient') }}</label>
                    <br>

                    <select class="form-control select2" style="width:300px" name='customerId' id='customerId' required>

                        @foreach (App\Models\customers::get() as $customer)
                        <option value="{{ $customer->id }}">
                            {{ $customer->id==1?__('home.Cash Custome'):$customer->name }}

                        </option>
                        @endforeach
                    </select>


                </div>







                <br>



            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('home.cancel')}}</button>
                <button type="submit" id="updatecustomer" data-dismiss="modal"
                    class="btn btn-danger">{{ __('home.confirm') }}</button>
            </div>

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


    <div class="modal p-3" id="delete_quotation">
        <div style="margin: 0 9% !important;" class="modal-dialog modal-dialog-centered modal-special" role="document">
            <div class="modal-content modal-content-demo p-3">
                <form>
                    <div class="modal-header">
                        <h6 class="modal-title"> {{ __('home.alert') }} </h6><button aria-label="Close" class="close close-special" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                    </div>
                    {{ csrf_field() }}
                    <div class="row mb-1">
                        <div class="col-lg-6 col-md-6 col-md-4 mb-2">
                            <label style="font-size:22px;" for="inputName" class="control-label parent-label"> {{ __('home.Are_you_sure_delete_liqtation') }}</label>
                        </div>


                    </div>

                        <input type="text" hidden class="form-control parent-input" name="delete_id" id="delete_id" >

                    <br>
                     <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('home.cancel') }}</button>
                <button id="delete_quotation_function" name="delete_quotation_function" data-dismiss="modal" class="btn btn-danger">{{ __('home.confirm') }}</button>
            </div>
            </div>

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

@endsection
@section('js')
<!-- Internal Data tables -->

<script src="{{ URL::asset('assets/js/table-data.js') }}"></script>

<!--Internal  Datepicker js -->
<script src="{{ URL::asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js') }}"></script>
<!--Internal  jquery.maskedinput js -->
<script src="{{ URL::asset('assets/plugins/jquery.maskedinput/jquery.maskedinput.js') }}"></script>
<!--Internal  spectrum-colorpicker js -->
<script src="{{ URL::asset('assets/plugins/spectrum-colorpicker/spectrum.js') }}"></script>
<!-- Internal Select2.min js -->
<script src="{{ URL::asset('assets/plugins/select2/js/select2.min.js') }}"></script>
<!--Internal Ion.rangeSlider.min js -->
<script src="{{ URL::asset('assets/plugins/ion-rangeslider/js/ion.rangeSlider.min.js') }}"></script>
<!--Internal  jquery-simple-datetimepicker js -->
<script src="{{ URL::asset('assets/plugins/amazeui-datetimepicker/js/amazeui.datetimepicker.min.js') }}"></script>
<!-- Ionicons js -->
<script src="{{ URL::asset('assets/plugins/jquery-simple-datetimepicker/jquery.simple-dtpicker.js') }}"></script>
<!--Internal  pickerjs js -->
<script src="{{ URL::asset('assets/plugins/pickerjs/picker.min.js') }}"></script>
<!-- Internal form-elements js -->
<script src="{{ URL::asset('assets/js/form-elements.js') }}"></script>
<script>
var date = $('.fc-datepicker').datepicker({
    dateFormat: 'yy-mm-dd'
}).val();
</script>



<script>

   $('#delete_quotation').on('show.bs.modal', function(event) {
        var button = $(event.relatedTarget)
        var id = button.data('id')
        $('#delete_id').val(id)
    });
    
    $("#delete_quotation_function").click(function(e) {


            var selectCustomer = $('#delete_id').val();
        if (selectCustomer != '') {
            $.ajax({
                url: " {{URL::to('delete_Liquidation')}}" + "/" + selectCustomer,
                type: "GET",
                dataType: "html",
                success: function(products) {
                    $("#ajax_responce_allinvoicesDiv").html(products);


                },
            error: function(response) {
                console.log(response)
                alert("{{ __('home.sorryerror') }}")

            }
            });
        } else {
        
        }

        });
        
        



function searchaboutproductfunction() {
    date = $('#date').val();
    branch = 1;
console.log('------')
    console.log(" {{URL::to('search_liquidation_byDate')}}" + "/" + date + "/" + branch)
    $.ajax({
        url: " {{URL::to('search_liquidation_byDate')}}" + "/" + date + "/" + branch,
        type: "GET",
        dataType: "html",
        success: function(products) {
            console.log(products)
            $("#ajax_responce_allinvoicesDiv").html(products);


        },
    });
}

$('#cancel_confirm_modolla').on('show.bs.modal', function(event) {
    var button = $(event.relatedTarget)
    var id = button.data('id')
            var modal = $(this)

    modal.find('.modal-body #cancel_confirm_id').val(id);
})

        
          $("#confirm_cancel_Liquidation").click(function(e) {
        event.preventDefault();
        
                  $.ajax({
                url: " {{URL::to('confirm_cancel_Liquidation')}}"+'/'+$('#cancel_confirm_id').val(),
                type: "GET",
                dataType: "html",
                success: function(data) {
                    $("#ajax_responce_allinvoicesDiv").html(data);

                  



                },
            error: function(response) {
                alert("{{ __('home.sorryerror') }}")

            }
                
            });
        
        
})

            $('select[name="status_liquidation"]').on('change', function() {

          var selectCustomer = $(this).val();
        if (selectCustomer != '') {
            $.ajax({
                url: " {{URL::to('get_liquitation_bystauts')}}"+'/'+1 + "/" + selectCustomer,
                type: "GET",
                dataType: "html",
                success: function(products) {
                    console.log(products)
                    $("#ajax_responce_allinvoicesDiv").html(products);


                },
            });
        } else {
            $.ajax({
                url: " {{URL::to('get_liquidation_byBransh')}}"+'/'+1,
                type: "GET",
                dataType: "html",
                success: function(products) {
                    $("#ajax_responce_allinvoicesDiv").html(products);


                },
            });
        }



})



$("#formdata").on('submit', function(e) {
    e.preventDefault();

    $('#paymentmethod').modal('hide');

    $('#loading').modal().show();

    var url = " {{ URL::to('add_describtion') }}";
    var token_search = $("#token_search").val();
    if ($('#clientnamesearch').val() == '-') {
        alert("{{__('home.enterclienname')}}")
    } else if ($('#loading').val() == '') {
        alert("{{__('home.loading')}}")

    } else if ($('#Unloading').val() == '') {
        alert("{{__('home.Unloading')}}")

    } else if ($('#truck_no').val() == '') {
        alert("{{__('home.truck_no')}}")

    } else if ($('#invoice_no').val() == 0) {
        alert("{{__('home.invoice_no')}}")

    } else if ($('#ext').val() == 0) {
        alert("{{__('home.ext')}}")

    } else if ($('#delay').val() == 0) {
        alert("{{__('home.delay')}}")

    } else {

        $.ajax({
            url: url,
            type: 'post',
            cache: false,

            contentType: false,
            processData: false,
            data: new FormData(this),


            success: function(data) {
                console.log(data)


            },
            error: function(response) {
                console.log(response['responseText'])
                alert("{{ __('home.sorryerror') }}")

            }
        })




    }



})







$('select[name="clientnamesearch"]').on('change', function() {
    console.log('AJAX load   work 0543577633');
        var selectCustomer = $(this).val();

console.log(" {{URL::to('get_liquidation_byBransh')}}" + "/" + selectCustomer)
    if (selectCustomer != '') {
        $.ajax({
            url: " {{URL::to('get_liquidation_byBransh')}}" + "/" + selectCustomer,
            type: "GET",
            dataType: "html",
            success: function(products) {
                console.log(products)
                $("#ajax_responce_allinvoicesDiv").html(products);


            },
        });
    } else {
        $.ajax({
            url: " {{URL::to('get_liquidation_byBransh')}}" + '/' + $('#clientnamesearch').val(),
            type: "GET",
            dataType: "html",
            success: function(products) {
                $("#ajax_responce_allinvoicesDiv").html(products);


            },
        });
    }

});


function searchaboutinvoiceByIdfunction() {
    date = $('#invoiceid').val();
    branch = 1;
    
    if (date != '') {

        $.ajax({
            url: " {{URL::to('searchaboutliquidationByIdfunction')}}" + "/" + date + "/" + branch,
            type: "GET",
            dataType: "html",
            success: function(products) {
                console.log(products)
                $("#ajax_responce_allinvoicesDiv").html(products);


            },
        });
    } else {
        $.ajax({
            url: " {{URL::to('get_liquidation_byBransh')}}" + '/' + 1,
            type: "GET",
            dataType: "html",
            success: function(products) {
                $("#ajax_responce_allinvoicesDiv").html(products);


            },
        });
    }
}


$(document).on('click', '#ajax_pagination_in_search a ', function(e) {
    e.preventDefault();
    var search_by_text = $("#date").val();
    var url = $(this).attr("href");
    var token_search = $("#token_search").val();

    jQuery.ajax({
        url: url,
        type: 'get',
        dataType: 'html',
        cache: false,
        data: {
            search_by_text: search_by_text,
            "_token": token_search
        },
        success: function(data) {
            console.log(data)
                $("#ajax_responce_allinvoicesDiv").html(data);
        },
        error: function() {

        }
    });
});

$(document).on('click', '#ajax_pagination_in_search a ', function(e) {
    e.preventDefault();
    var search_by_text = $("#date").val();
    var url = $(this).attr("href");
    var token_search = $("#token_search").val();

    jQuery.ajax({
        url: url,
        type: 'get',
        dataType: 'html',
        cache: false,
        data: {
            search_by_text: search_by_text,
            "_token": token_search
        },
        success: function(data) {
            console.log(data)
            $("#ajax_responce_allinvoicesDiv").html(data);
        },
        error: function() {

        }
    });
});
</script>





















<script>
$('select[name="paymodal"]').on('change', function() {

    var selectCustomer = $(this).val();
    if ($('#cashamount').val() != 0) {
        value = $('#cashamount').val()

    } else if ($('#bankamount').val() != 0) {
        value = $('#bankamount').val();

    } else if ($('#Bank_transfer').val() != 0) {
        value = $('#Bank_transfer').val();

    } else {
        value = $('#creaditamount').val();
    }


    if (selectCustomer == 'Cash') {
        $('#cashamount').val(value)
        $('#bankamount').val(0)
        $('#creaditamount').val(0)
        $('#Bank_transfer').val(0)
        document.getElementById("bankamount").readOnly = true;
        document.getElementById("cashamount").readOnly = true;
        document.getElementById("Bank_transfer").readOnly = true;


    } else if (selectCustomer == 'Shabka') {
        $('#cashamount').val(0)
        $('#bankamount').val(value)
        $('#creaditamount').val(0)
        $('#Bank_transfer').val(0)

        document.getElementById("bankamount").readOnly = true;
        document.getElementById("cashamount").readOnly = true;
        document.getElementById("Bank_transfer").readOnly = true;

    } else if (selectCustomer == 'Credit') {
        $('#cashamount').val(0)
        $('#bankamount').val(0)
        $('#Bank_transfer').val(0)
        $('#creaditamount').val(value)
        document.getElementById("bankamount").readOnly = true;
        document.getElementById("cashamount").readOnly = true;
        document.getElementById("Bank_transfer").readOnly = true;

    } else if (selectCustomer == 'Bank_transfer') {


        $('#cashamount').val(0)
        $('#bankamount').val(0)
        $('#creaditamount').val(0)
        $('#Bank_transfer').val(value)
        document.getElementById("bankamount").readOnly = true;
        document.getElementById("cashamount").readOnly = true;
        document.getElementById("Bank_transfer").readOnly = true;

    } else {
        $('#cashamount').val(value)
        $('#bankamount').val(0)
        $('#creaditamount').val(0)
        $('#Bank_transfer').val(0)
        document.getElementById("bankamount").readOnly = false;
        document.getElementById("cashamount").readOnly = false;
        document.getElementById("Bank_transfer").readOnly = false;


    }





});
$('#updateCustomer').on('show.bs.modal', function(event) {
    var button = $(event.relatedTarget)
    var id = button.data('id')
    $('#cashamount').val(0)
    $('#Bank_transfer').val(0)
    $('#creaditamount').val(0)
    $('#bankamount').val(0)

    var customername = button.data('customername')


    var modal = $(this)

    modal.find('.modal-body #customername').val(customername);
    modal.find('.modal-body #id').val(id);

})
</script>

<script>
$('#paymentmethod').on('show.bs.modal', function(event) {
    var button = $(event.relatedTarget)
    // var id = button.data('id')
    // var invoice = button.data('totalinvoice')
    // $('#invoiceid').val(id)
    // document.getElementById('totalvalue').innerHTML = invoice;
    // $('#cashamount').val(invoice)

});



$('select[name="searchproductNo"]').on('change', function() {
    console.log('AJAX load   work 0000');

    var selectclientid = $(this).val();
    if (selectclientid) {
        console.log('AJAX load   work');

        $.ajax({
            url: "{{ URL::to('getproduct') }}/" + selectclientid,
            type: "GET",
            dataType: "json",
            success: function(data) {
                console.log("success");
                console.log(data['name']);
                $('#quentity').val(data['numberofpice']);

            },
        });
    } else {
        console.log('AJAX load did not work');
    }
});
</script>




<script>
$(document).ready(function() {
console.log( " {{URL::to('get_liquidation_byBransh')}}" + '/' + 1)
    $.ajax({
            url: " {{URL::to('get_liquidation_byBransh')}}" + '/' + 1,
        type: "GET",
        dataType: "html",
        success: function(products) {
            $("#ajax_responce_allinvoicesDiv").html(products);


        },
    });
});
</script>


@endsection