@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">
            {{ Form::open(['route' => ['frontdesk.receipt.store'], 'method' => 'post', 'class' => 'form-horizontal', 'enctype' => 'multipart/form-data']) }}
            <input type="hidden" name="customer_id" class="form-control" value="{{request()->customer_id}}" placeholder="">

            {{-- Due information --}}
            <div id="due_info" style="display: none">

                <div class="card-header  text-white bg-secondary " style="padding: .25rem 1.25rem !important ">
                    <h5 class="font-weight-bold mb-0">Due information</h5>
                </div>

                <div class="row p-2">
                    <div class="col-md-4 ">
                        <div class="form-group row">

                            <label for="" class="labels col-sm-6 col-form-label">Total Bill</label>
                            <div class="col-sm-6">
                                <input type="text" name="total_bill" class="form-control" id="" placeholder="" readonly>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4 ">
                        <div class="form-group row">
                            <label for="" class="labels col-sm-6 col-form-label">Total Paid</label>
                            <div class="col-sm-6">
                                <input type="text" name="total_paid" class="form-control" id="" placeholder="" readonly>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group row">
                            <label for="" class="labels col-sm-6 col-form-label">Total Balance/Due</label>
                            <div class="col-sm-6">
                                <input type="text" name="total_due" class="form-control" id="" placeholder="" readonly>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group row">
                            <label for="" class="labels col-sm-6 col-form-label">Total Discount</label>
                            <div class="col-sm-6">
                                <input type="text" name="total_discount" class="form-control" id="" placeholder="" readonly>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group row">
                            <label for="" class="labels col-sm-6 col-form-label">Total Commision</label>
                            <div class="col-sm-6">
                                <input type="text" name="total_commision" class="form-control" id="" placeholder=""
                                    readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group row">
                            <label for="" class="labels col-sm-6 col-form-label">Total Tax</label>
                            <div class="col-sm-6">
                                <input type="text" name="total_tax" class="form-control" id="" placeholder="" readonly>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {{-- Advance List --}}
            @if ($advance_lists != null)
            <div id="advance_list">
                <div class="card-header  text-white bg-secondary " style="padding: .25rem 1.25rem !important ">
                    <h5 class="font-weight-bold mb-0">Advance List</h5>

                </div>

                <div class="table-responsive" id="">
                    <table class="table table-bordered table-hover text-center" id="">
                        <thead class="mt-3">
                            <tr>
                                <th>SL </th>
                                <th>CheckIn No</th>
                                <th>Amount</th>
                                <th>Adjusted Amount</th>
                                <th>Remaining Amount</th>
                                <th>Adjusment Amount</th>
                                <th>Select</th>
                            </tr>
                        </thead>
                        <tbody id="">
                            @php  $i = 0 @endphp
                            <input type="hidden" name="advance_voucher_id" id="advance_voucher_id" value="" >

                            @foreach ($advance_lists as $advance)
                            {{-- @dd( $advance->reservation); --}}

                            @php
                            $i++ ;
                            $advance_refund = resevationHistory(null,null,$advance->fd_invoice_id)['advance_refund'];
                            $after_fefund_advance =  $advance->amount -  $advance_refund->sum('amount');
                            $advance_deduct = resevationHistory(null,null,$advance->fd_invoice_id)['advance_deduct'];

                            $remaining_amount =  $after_fefund_advance - $advance_deduct->sum('amount');
                            @endphp

                            @if( $remaining_amount != 0)
                                <tr class="tr_clone" id="row_id{{ $i }}" data-id="{{ $i }}">

                                    <input type="hidden" name="" id="advance_voucher{{ $i }}" value="{{$advance->fd_invoice_id}}" >

                                    <td>{{ $i }}
                                        <input type="hidden" name="booking_id[]" id="booking_id{{ $i }}"
                                        value="{{$advance->reservation_id}}" field-id={{ $i }} class="  form-control">
                                    </td>
                                    <td>{{$advance->reservation ? $advance->reservation->checkin_code ? $advance->reservation->checkin_code : $advance->reservation->resv_code: null}}</td>

                                    <td>{{ $after_fefund_advance }}
                                        <input type="hidden" name="advance_amount[]" id="advance_amount{{ $i }}"
                                            value="{{ $after_fefund_advance }}" class="">
                                    </td>
                                    <td>

                                        {{$advance_deduct->sum('amount')}}
                                    </td>
                                    <td>
                                        {{ $remaining_amount}}
                                        <input type="hidden" name="remaining_amount[]" id="remaining_amount{{ $i }}"
                                            value="{{ $remaining_amount }}" class="remaining_amount{{$i}}">

                                    </td>
                                    <td>
                                        <input type="number" name="adjustment_amount[]" id="adjustment_amount{{ $i }}"
                                        value="" class="text-right form-control adjustment_amount">
                                    </td>

                                    <td>
                                        @if( $remaining_amount > 0)
                                        <input class="advance_select_box myCheckBox" type="radio" name="change_status[]" field-id="{{ $i }}" id='' value="{{ $i }}">
                                        &nbsp;
                                        @endif
                                    </td>


                                </tr>
                                @endif

                            @endforeach
                    </table>
                </div>
            </div>
            @endif
            {{-- Advance List End --}}

            <div class="row p-3">

                <div class="col-md-5">
                    <div class="form-group row">
                        <label for="" class="labels col-sm-6 col-form-label">Remaining Advance:</label>
                        <div class="col-sm-6">
                            <input type="text" name="remain_advance" class="form-control" value="" id="remain_advance" placeholder="" readonly>
                        </div>
                    </div>
                </div>

                <div class="col-md-5 offset-2 ">
                    <div class="form-group row">
                        <label for="" class="labels col-sm-5 col-form-label">Receipt Type:</label>
                        <div class="col-sm-7">
                            <select id="receipt_type" name="cash_bank_id" class="form-control" required>
                                <option value="" class="">
                                    Select Cash/Bank
                                </option>
                                @forelse ($cash_banks as $cashBank)
                                    <option value="{{ $cashBank->account_id }}" cash_bank_type="{{$cashBank->type}}" class="">
                                        {{ $cashBank->name_eng }}
                                    </option>
                                @empty
                                @endforelse
                            </select>
                            {{-- {{ Form::select('receit_type', ['1' => 'Cash', '2' => 'Cheque', '3' => 'Bank'], null, ['class' => 'form-control', 'id' => 'receit_type', 'required', 'placeholder' => 'Select Type']) }} --}}
                        </div>
                    </div>
                </div>
            </div>

            <div class="row payment_details" style="display: none">

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

                </div>

                <div class="form-group col-12 col-md-4">
                    <label class="labels">Cheque Date</label>
                    {{ Form::text('date', null, ['class' => 'form-control fd_bs_datepicker', 'id' => 'cheque_date']) }}
                    @error('date')
                        <span class="help-block text-center text-danger">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>

                <div class="form-group col-12 col-md-4">
                    <label class="labels">Cheque/Transaction Number</label>
                    {{ Form::text('cheque_or_transaction_number', null, ['class' => 'form-control', 'id' => 'cheque_number']) }}
                    @error('cheque_number')
                        <span class="help-block text-center text-danger">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>

            @if ($message = Session::get('sms'))
                {{ $message }}
            @endif



            {{-- Checkin List --}}
            {{-- @if ($checkin_lists != null) --}}
            <div id="checkin_list">
                <div class="card-header  text-white bg-secondary " style="padding: .25rem 1.25rem !important ">
                    <h5 class="font-weight-bold mb-0">Checkin List </h5>

                </div>

                <div class="row p-3">
                    <div class="col-md-4">
                        <div class="form-group row">
                            <div class="col-sm-1 mt-2">
                                <input type="checkbox" name="deduct_from_advance" onclick="deduct_advance();"
                                    id="deduct_from_advance" value="1" />
                            </div>
                            <label for="" class="labels col-sm-10 col-form-label">Deduct from advance?</label>
                        </div>
                    </div>

                    <div class="col-md-5 ">
                        <div class="form-group row">
                            <label for="" class="labels col-sm-5 col-form-label">Amount For All</label>
                            <div class="col-sm-6">
                                <input type="number" name="distribute" class="form-control" id="amount_for_all" placeholder="">
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-12 col-md-3">

                        {{-- <button id="indent"  onclick="return IndentConfirmation();" data-id="" class="badge badge-primary" >Submit</button> --}}
                        <button id="amount_distribute" onclick="return distribute_amount();" class="btn btn-primary">
                            Distribute
                        </button>

                    </div>


                </div>


                <div class="table-responsive" id="">
                    <table id="checkin_list_table" class="table table-bordered table-hover sm-pd-t" width="100%">
                        <thead class="mt-3">
                            <tr>
                                <th>SL NO </th>
                                <th>CheckIn No. </th>

                                {{-- <th>Total Bill</th>
                                <th>Vat</th> --}}
                                <th>Total Bill</th>
                                <th>Total Recieved</th>

                                <th>Commision</th>
                                <th>Discount</th>
                                <th>Amount</th>
                                <th>Balance</th>
                            </tr>
                        </thead>
                        <tbody id="tbl_body">
                            @php  $i = 0 @endphp
                            @foreach ($checkin_lists as $checkin)

                            @php
                            $discount = $checkin->discounts;
                            $total_bill = round($checkin->bills - ($checkin->return_bills + $discount),2);
                            $total_received = $checkin->billl_received ? $checkin->billl_received : 0;
                            $balance = $total_bill -  $total_received;
                            @endphp
                            @if($total_bill > $total_received)
                                @php
                                $i++;
                                @endphp
                                <tr class="tr_clone" id="row_id{{ $i }}" data-id="{{ $i }}">
                                    <td>{{ $i }}</td>
                                    <td>{{$checkin->checkin_code}}
                                        <input type="hidden" name="reservation_id[]" id="reservation_id{{ $i }}"
                                            value="{{$checkin->id}}" field-id={{ $i }} class="reservation{{$checkin->id}}  form-control">
                                    </td>

                                    <td>
                                        <input type="number" name="total_amount[]" id="total_amount{{ $i }}"
                                            value="{{$total_bill}}" field-id={{ $i }} class="total_amount form-control total_amount{{ $checkin->id}}"
                                            readonly>
                                    </td>
                                    <td>
                                        @php


                                        @endphp
                                        <input type="number" name="total_received[]" id="total_received{{ $i }}"
                                            field-id={{ $i }} value="{{ $total_received}}" class="total_received form-control total_received{{ $checkin->id}}" readonly />
                                    </td>
                                    <td>
                                        <input type="number" name="commision[]" id="commision{{ $i }}"
                                            field-id={{ $i }} class=" commision form-control  commision{{ $checkin->id}}" />
                                    </td>
                                    <td>
                                        <input type="number" name="discount[]" id="discount{{ $i }}"
                                            field-id={{ $i }} class=" discount form-control  discount{{ $checkin->id}}" />
                                    </td>
                                    <td>
                                        <input type="number" step="0.01" name="amount[]" id="amount{{ $i }}"
                                            field-id={{ $i }} class="amount{{$checkin->id}} final_amount form-control input_field" />
                                    </td>

                                    <td>
                                        <input type="number"  step="0.01" name="balance[]" id="balance{{ $i }}"
                                            field-id={{ $i }} value="{{round($balance,2)}}" class="balance{{$checkin->id}} form-control balance" readonly />
                                    </td>

                                </tr>

                                @endif
                            @endforeach
                            <tr>
                                <td class="text-center" colspan="2">Grand Total </td>
                                <td>
                                    <input type="number" value="0" readonly class="form-control"  id="total_amount">
                                </td>

                                <td>
                                    <input type="number" value="0" readonly class="form-control" id="received_total">
                                </td>
                                <td colspan="2"> </td>
                                <td>
                                    <input type="number" name="amount_total" value="0" readonly class="form-control input_field"
                                        id="grand_total">
                                    </td>

                                <td>
                                    <input type="number" value="0" readonly class="form-control" id="total_balance">
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-12">
                    <div class="form-group row">
                        <label for="" class="labels col-sm-2 col-form-label">Remarks:</label>
                        <div class="col-sm-10">
                            {{ Form::textarea('remarks', null, ['class' => 'form-control', 'id' => 'remarks','rows'=>1]) }}
                        </div>
                    </div>

                </div>

            </div>
            {{-- @endif --}}
            <div class="form-group col-12 text-right" >
                <button style="display:none" id="submit_button" type="submit" class="btn btn-info"> <i class="fa fa-save mr-1"></i>
                    Submit
                </button>
            </div>
        {{ Form::close() }}

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