@extends('admin.layout.master')
@section('custom_style')
    <style>
        .labels {
            font-size: 16px;
            font-weight: bold;
        }

        input {
            padding: 18px !important;
            box-shadow: none !important;
        }

        input[type=radio] {
            transform: scale(1.7);
        }
        input[type=number],
        input[type=file],
        select,.select2-selection--single {
            height: 38px !important;
            box-shadow: none !important;
        }

        .sm-pd-t th {
            padding: 0.5rem;

        }

        .sm-pd-t td {
            padding: 0.1rem;
            padding-right: 0.35rem;
            padding-left: 0.35rem;
        }

    </style>
@endsection

@section('content')
    @include('flash-message')
    <div class="col-12">
        @if ($errors->any())
            <div class="alert alert-danger" id="hide-alert">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>

    <div class="card " style="background-color:#FFF !important">
        <div class="card-header d-flex justify-content-between align-items-center text-white bg-dark">
            <div>
                <h5 class="font-weight-bold mb-0">Received From Agent/Local</h5>
            </div>
            <div>
                 <a href="{{route('frontdesk.receipt.list')}}" class="btn btn-sm btn-success">Receipt List</a>

            </div>
        </div>
        <div class="card-body">
            <div class="row">
                {{ Form::open(['route' => ['frontdesk.receipt.receive'], 'method' => 'get', 'class' => 'form-horizontal', 'enctype' => 'multipart/form-data']) }}

                <div class="d-flex flex-wrap">

                    <div class="form-group col-4">

                        <label for="party_id" class="labels">Customer List</label>

                        <select id="agent_id" name="customer_id" class="form-control  fd_agent_search ">
                            @if(request()->customer_id !=null)
                            <option value="{{request()->customer_id}}">
                                {{\App\Models\Parties::find(request()->customer_id)->name_eng}}
                            </option>
                            @endif
                        </select>
                        @error('customer_id') <strong>{{$message}}</strong> @enderror

                        {{-- <select id="customer_id" name="customer_id" class="form-control fd_agent_search" required >

                            @if(request()->customer_id !=null)
                            <option value="{{request()->customer_id}}">
                                {{\App\Models\Parties::find(request()->customer_id)->name_eng}}
                            </option>
                            @endif
                        </select> --}}



                    </div>
                    <div class="form-group col-4">
                        <label for="company" class="labels">Company</label>

                        {{-- {{ Form::select('company_id', $companies, null, ['class' => 'form-control select2', 'id' => 'company_id', 'placeholder' => 'Select Company']) }} --}}
                        <select name="company_id" class="form-control fd_company_search" id="fd_company_search">
                           @if(request()->company_id !=null)
                           <option value="{{request()->company_id}}">
                            {{\App\Models\Frontdesk\FdCompanyDetails::find(request()->company_id)->name}}
                        </option>
                           @endif
                        </select>

                        @error('company_id')
                            <span class="help-block text-center text-danger">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror

                    </div>
                    <div class="form-group col-4">
                        <label for="package_type" class="labels">Package Type</label>
                        {{ Form::select('package_type_id', $repository->package_types(), null, ['class' => 'form-control select2', 'id' => 'package_type', 'required', 'placeholder' => 'Select Package Type']) }}
                        @error('package_type_id')
                            <span class="help-block text-center text-danger">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

                    <div class="form-group col-4">
                        <label class="labels">Start Date</label>
                        {{-- {{ Form::text('start_date', request()->start_date ? date('Y-m-d') : date('Y-m-d'), ['class' => 'form-control fd_bs_datepicker', 'id' => 'start_date']) }}
                         --}}
                         <input type="text" value="{{ request()->start_date ? date('Y-m-d', strtotime(request()->start_date)) : date('Y-m-d') }}" class="form-control fd_bs_datepicker" id="start_date" name="start_date">
                        @error('start_date')
                            <span class="help-block text-center text-danger">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

                    <div class="form-group col-4">
                        <label class="labels">End Date</label>

                        {{-- {{ Form::text('end_date', null, ['class' => 'form-control fd_bs_datepicker', 'id' => 'end_date']) }} --}}
                        <input type="text" value="{{ request()->end_date ? date('Y-m-d', strtotime(request()->end_date)) : date('Y-m-d') }}" class="form-control fd_bs_datepicker" id="end_date" name="end_date">
                        @error('end_date')
                            <span class="help-block text-center text-danger">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

                    <div class="form-group col-2 text-center mt-4">
                        <button id="" type="submit" class="btn btn-info"> <i class="fa fa-save mr-1"></i> Search </button>
                    </div>
                    <div class="form-group col-2 text-center mt-4">
                        <a id="" href="{{route('frontdesk.receipt.receive')}}" class="btn btn-danger">Refresh </a>
                    </div>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>

    <div class="card " style="background-color:#FFF !important">
        <div class="card-body">
            @include('frontdesk.receipt.reservation-type.checkin_wise')
        </div>
    </div>
@endsection


@section('script')
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>

    <script>
        $('.select2').select2();

            var sum = 0;
            $(".balance").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });
            $("#total_balance").val(parseFloat(sum).toFixed(2));

            var sum = 0;
            $(".total_received").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });
            $("#received_total").val(parseFloat(sum).toFixed(2));

            var sum = 0;
            $(".total_amount").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });
            $("#total_amount").val(parseFloat(sum).toFixed(2));



        $(document).ready(function() {
            var invoice = {{session()->get('invoice')}}

            $("#receipt_type").on('change', function(e) {
               var cash_bank_type = $(this).find('option:selected').attr("cash_bank_type");
               if(cash_bank_type == 2){
                $(".payment_details").show();
                $('#bank_account_id').prop('required', true);
                $('#cheque_date').prop('required', true);
                $('#cheque_number').prop('required', true);
               }else{
                $('#bank_account_id').prop('required', false);
                $('#cheque_date').prop('required', false);
                $('#cheque_number').prop('required', false);
                $(".payment_details").hide();

               }

            });
            // $("#customer_id").on('change', function(e) {
            //     var agent_id = $(this).val();
            //     var url = "{{ route('frontdesk.get_agent_info') }}";

            //     ajaxCustom(function(data) {
            //         $("#fd_company_search").empty();
            //         $.each(data,function(key,value){
            //         $("#fd_company_search").append('<option value="'+key+'">'+value+'</option>');
            //     });
            //     }, "GET", url, {agent_id: agent_id});


            //     $('#due_info').show();
            //     $('#advance_list').show();
            //     $('#checkin_list').show();

            // });




           var rowCount = $("#checkin_list_table > tbody > tr").length;

            for (let i = 1; i <= rowCount; i++) {

                    var total_amount = parseInt($("#total_amount" + i).val());
                    var total_received = parseInt($("#total_received" + i).val());

                  if(total_amount == total_received){
                    $('.commision'+ i).prop('readonly', true);
                    $('.discount'+ i).prop('readonly', true);
                    $('.amount'+ i).prop('readonly', true);

                   }

          }

            if (invoice > 0) {
                var url = "/frontdesk/report/receipt_print?print=true&invoice="+invoice;
                // window.open(url, '_blank','width=900,height=900');
                window.open(url, '_blank');
           };


        });

        $(document).on('keyup', '.adjustment_amount', function() {

            $("#deduct_from_advance").prop("checked", false);
            $(".advance_select_box").prop("checked", false);
            $("#amount_for_all").val('')
            $(".input_field").each(function() {
                $(this).val('')
            });
            $("#submit_button").hide();
        });


        $('.advance_select_box').on('change', function() {
            var field_id = $(this).attr("field-id");
            $("#receipt_type").prop("required", false);

            var advance_voucher_id = $("#advance_voucher" + field_id).val();
             $("#advance_voucher_id").val(advance_voucher_id);
            var remaining_amount = $(".remaining_amount" + field_id).val();
            // alert(remaining_amount);
            var adjustment_amount = $("#adjustment_amount" + field_id).val();
            if(adjustment_amount){
             var amount = adjustment_amount;
            }else{
                var amount = remaining_amount;
            }

            $("#amount_for_all").val(amount)

            $("#deduct_from_advance").prop("checked", true);
            $('#amount_for_all').prop('readonly', true);
            $('.discount').prop('readonly', true);
            $('.commision').prop('readonly', true);

            $(".input_field").each(function() {
                $(this).val('')
            });
            $("#submit_button").hide();


        });

        function deduct_advance() {

            $("#submit_button").hide();
            $(".input_field").each(function() {
                    $(".advance_select_box").prop("checked", false);
                    $('.discount').prop('readonly', false);
                    $('.commision').prop('readonly', false);
                    $(this).val('')
                    $("#amount_for_all").val('');

                });

            if ($("#deduct_from_advance").prop("checked") == true) {
                $("#receipt_type").prop("required", false);
                $('.discount').prop('readonly', true);
                $('.commision').prop('readonly', true);
                $('#amount_for_all').prop('readonly', true);

            } else {
                $("#receipt_type").prop("required", true);
                 $(".advance_select_box").prop("checked", false);
                 $('#amount_for_all').prop('readonly', false);
            }
        }

        function distribute_amount() {
          var amount = $('#amount_for_all').val();

          custom_function(amount);
           var  grand_total  =  $("#grand_total").val();

           var sum = 0;
           $(".balance").each(function() {
             if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });
            $("#total_balance").val(parseFloat(sum).toFixed(2));

           if(grand_total > 0){
            $("#submit_button").show();
           }
        }


        function custom_function(value) {
            // if(!confirm("Are You Sure to This"))
            event.preventDefault();
            var rowCount = $("#checkin_list_table > tbody > tr").length;
            var amount = value;


            for (let i = 1; i <= rowCount; i++) {
                if (amount > 0) {
                    var receive_amount = calculate_amount(i);


                    var total_amount = parseFloat($("#total_amount" + i).val());
                    var total_received = parseFloat($("#total_received" + i).val());

                  if(total_amount != total_received){
                     var final_amount = parseFloat(amount) > parseFloat(receive_amount) ? parseFloat(receive_amount) : parseFloat(amount);

                    $("#amount" + i).val(final_amount);
                    var balance = calculate_balance(i, final_amount);
                    $("#balance" + i).val(balance);
                    amount -= receive_amount;
                   }
                }


                var check_amount = parseFloat($("#amount" + i).val());

                if (isNaN(check_amount)) {
                    $("#commision" + i).val('');
                    $("#discount" + i).val('');
                    // $("#balance"+i).val('');
                }
            }

            var sum = 0;
            $(".final_amount").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });

            $("#grand_total").val(sum);

            var sum = 0;
            $(".total_amount").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });

            $("#total_amount").val(sum);

            // $('#amount_distribute').prop("disabled", true);

        }



        $(document).on('keyup', '.input_field', function() {
            // event.preventDefault();


            var field_id = $(this).attr("field-id");
            var attr_id = $(this).attr("id")
            var total_amount = parseFloat($("#total_amount" + field_id).val());
            var amount = isNaN(parseFloat($("#amount" + field_id).val())) ? 0 : parseFloat($("#amount" + field_id)
                .val());
            var commision = isNaN(parseFloat($("#commision" + field_id).val())) ? 0 : parseFloat($("#commision" +
                field_id).val());
            var discount = isNaN(parseFloat($("#discount" + field_id).val())) ? 0 : parseFloat($("#discount" + field_id)
                .val());
            var total_received = isNaN(parseFloat($("#total_received" + field_id).val())) ? 0 : parseFloat($(
                "#total_received" + field_id).val());


            var balance = parseFloat(total_amount - (total_received  + amount + commision + discount)).toFixed(2);

            if (balance >= 0) {
                $("#balance" + field_id).val(balance);
            } else {
                $("#amount" + field_id).val(' ')
                $("#balance" + field_id).val(' ');
            }

            //    $("#balance"+field_id).val(balance);
            if (attr_id == "commision" + field_id || attr_id == "discount" + field_id) {
                var final_amount = total_amount - (discount + commision)
                var balance = total_amount - (total_received + final_amount + commision + discount);

                if (final_amount > 0) {
                    $("#amount" + field_id).val(final_amount);
                    $("#balance" + field_id).val(balance);
                } else {
                    $("#commision" + field_id).val(' ')
                    $("#discount" + field_id).val(' ');
                }

            }
            var sum = 0;
            $(".final_amount").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });
            $("#grand_total").val(parseFloat(sum).toFixed(2));

           var sum = 0;
           $(".balance").each(function() {
             if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });
            $("#total_balance").val(parseFloat(sum).toFixed(2));

            if(sum > 0){
                $("#submit_button").show();
            }else{
                $("#submit_button").hide();
            }

        });

        function calculate_amount(i) {
            var field_id = i;
            var total_amount = parseFloat($("#total_amount" + field_id).val());


            var commision = isNaN(parseFloat($("#commision" + field_id).val())) ? 0 : parseFloat($("#commision" + field_id)
                .val());
            var discount = isNaN(parseFloat($("#discount" + field_id).val())) ? 0 : parseFloat($("#discount" + field_id).val());
            var total_received = isNaN(parseFloat($("#total_received" + field_id).val())) ? 0 : parseFloat($("#total_received" +
                field_id).val());
            var amount = parseFloat(total_amount - (total_received + commision + discount)).toFixed(2);


            return amount;


        }

        function calculate_balance(field_id, value) {
            var total_amount = parseFloat($("#total_amount" + field_id).val());

            var commision = isNaN(parseFloat($("#commision" + field_id).val())) ? 0 : parseFloat($("#commision" + field_id)
                .val());
            var discount = isNaN(parseFloat($("#discount" + field_id).val())) ? 0 : parseFloat($("#discount" + field_id).val());
            var total_received = isNaN(parseFloat($("#total_received" + field_id).val())) ? 0 : parseFloat($("#total_received" +
                field_id).val());

            var balance = parseFloat(total_amount - (total_received + parseFloat(value) + commision + discount)).toFixed(2);

            return balance;
        }
    </script>
@endsection