@extends('admin.layout.master')
@section('custom_style')
    <style>
        /* .labels{
        font-size: 16px;
        font-weight: bold;
    }
     input{
        padding:18px !important;
        box-shadow: none!important;
     }
       
    select,.select2-selection--single {
           height: 38px !important;
           box-shadow: none!important;
    }
    input[type=checkbox] {
        transform: scale(1.2);
    } */
    </style>
@endsection

@section('content')
    @include('flash-message')
    <div class="col-12">
    </div>

    <div class="card sina-card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <h5 class="font-weight-bold mb-0">{{ __('obs.edit') }} {{ __('obs.advance') }} {{ __('obs.voucher') }} </h5>
            </div>
            <div>
                <a href="{{ route('frontdesk.advance_voucher') }}" class="btn btn-sm btn-light">{{ __('obs.advance') }}
                    {{ __('obs.voucher') }} {{ __('obs.list') }}</a>
            </div>
        </div>
        <div class="card-body"> 
            <form action="{{ route('frontdesk.advance_voucher.update', $advance->first()->fd_invoice_id) }}" method="POST" class="form-horizontal" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
            
            <div class="row">
                <div class="form-group col-3">
                    <label for="party_id" class="labels">{{ __('obs.customer') }} {{ __('obs.list') }} </label>

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

                        <option value="{{ $advance_debit->party_id }}">
                            {{ \App\Models\Parties::find($advance_debit->party_id)->name_eng }}
                        </option>


                    </select>
                </div>
                

                <div class='form-group col-md-3'>
                    <label for="" class="labels">{{ __('obs.receipt') }} {{ __('obs.type') }}:</label>
                    <select id="receipt_type" name="cash_bank_id" class="form-control" required>
                        <option value="" class="">{{ __('obs.select') }}</option>
                        @forelse ($cash_banks as $cashBank)
                            <option value="{{ $cashBank->account_id }}" cash_bank_type="{{ $cashBank->type }}"
                                class="" @if ($advance_debit->ledger_id == $cashBank->account_id) {{ 'selected' }} : null @endif>
                                {{ $cashBank->name_eng }}
                            </option>
                        @empty
                        @endforelse
                    </select>
                </div>
                <div class='payment_details form-group col-md-2'
                    @if (isset($advance_debit->get_invoice_other_info)) null @else style="display: none" @endif>
                    <label class="labels">{{ __('obs.cheque') }} {{ __('obs.date') }} </label>
                    <input type="text" name="check_date"    id="cheque_date"  class="form-control fd_bs_datepicker cheque_date" value="{{ $advance_debit->get_invoice_other_info ?  carbon()->parse($advance_debit->get_invoice_other_info->check_date)->format('d-m-Y') : '' }}">
                    @error('check_date')
                        <span class="help-block text-center text-danger">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class='payment_details form-group col-md-3'
                    @if (isset($advance_debit->get_invoice_other_info)) null @else style="display: none" @endif>
                    <label class="labels">{{ __('obs.cheque') }}/{{ __('obs.transaction') }} {{ __('obs.number') }}/
                    </label>
                    <input type="text"  name="cheque_or_transaction_number"   id="cheque_number"  class="form-control cheque_number" value="{{ $advance_debit->get_invoice_other_info ? $advance_debit->get_invoice_other_info->cheque_or_transaction_number : '' }}">

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

                <div class="cl-table-container mt-2">
                    <table class="table table-bordered table-hover text-center" id="">
                        <thead class="mt-3">
                            <tr>
                                <th style="width: 5%">{{ __('obs.sl') }} </th>
                                <th style="width: 20%">{{ __('obs.hotel') }} {{ __('obs.name') }}</th>
                                <th style="width: 25%">{{ __('obs.reservation') }}</th>
                                <th style="width: 10%">{{ __('obs.total_amount') }}</th>
                                <th style="width: 10%">{{ __('obs.adjust') }}</th>
                                <th style="width: 10%">{{ __('obs.remain') }}</th>
                                <th style="width: 15%">{{ __('obs.amount') }} : <span id="total_amount"
                                        style="font-weight:bold;"> {{ $advance_debit->amount }}</span></th>
                            </tr>
                        </thead>
                        <tbody id="">
                            @php  $i = 0 @endphp
                            @foreach ($hotels as $hotel)
                                @php
                                    $i++;
                                    $advance_deducted_amount = 0;
                                    $remaining_amount = 0;
                                    $data = $advance->where('warehouse_id', $hotel->id)->first();
                                    
                                    $reservation_id = $data ? ($data->reservation_id ? $data->reservation_id : null) : null;
                                    $amount = $data ? $data->amount : null;
                                    if ($amount) {
                                        $advance_history = resevationHistory_multi_warehouse(null, null, $data->fd_invoice_id, [$hotel->id]);
                                        $advance_refund = $advance_history['advance_refund'];
                                        $after_refund_advance = $amount - $advance_refund->sum('amount');
                                        $advance_deduct = $advance_history['advance_deduct'];
                                        $advance_deducted_amount = count($advance_deduct) > 0 ? $advance_deduct->sum('amount') : 0;
                                        $remaining_amount = $after_refund_advance - $advance_deducted_amount;
                                    }
                                    
                                    // dd($advance_deducted_amount);
                                    // $remaining_amount =  $after_refund_advance - (count($advance_deduct)> 0 ? $advance_deduct->sum('amount'): null);
                                    
                                    //  dd($advance);
                                    
                                @endphp
                                <tr class="" id="row_id{{ $i }}" data-id="{{ $i }}">
                                    <td>{{ $i }}</td>
                                    <td class="text-start">
                                        {{ $hotel->name_eng }}
                                        <input type="hidden" name="warehouse_id[]" id=""
                                            value="{{ $hotel->id }}" class="text-right form-control">
                                    </td>
                                    <td>
                                        <div class="d-flex">
                                            <select name="reservation_id[{{ $hotel->id }}]"
                                                id="reservation_id{{ $hotel->id }}"
                                                class="form-control select_2 reservation_id">
                                                <option value="">{{ __('obs.select') }} {{ __('obs.reservation') }}
                                                </option>
                                                @forelse ($reservations->where("ware_id",$hotel->id) as $reservation)
                                                    @php
                                                        $code = $reservation->resv_code ? $reservation->resv_code : ($reservation->checkin_code ? $reservation->checkin_code : null);
                                                    @endphp
                                                    <option value="{{ $reservation->id }}"
                                                        @if ($reservation_id == $reservation->id) {{ 'selected' }} : null @endif>
                                                        {{ $code }}--({{ $reservation->warehouse->name_eng }})
                                                    </option>
                                                @empty
                                                @endforelse
                                            </select>
                                        </div>
                                       
                                    </td>
                                    <td>
                                        {{ $amount }}
                                    </td>
                                    <td>
                                        {{ $advance_deducted_amount }}
                                        <input type="hidden" name="" id="advance_deducted{{ $i }}"
                                            value="{{ $advance_deducted_amount }}" class="text-right form-control">

                                    </td>
                                    <td>
                                        {{ $remaining_amount }}
                                        <input type="hidden" name="" id="remaining_amount{{ $i }}"
                                            value="{{ $remaining_amount }}"
                                            class="text-end form-control remaining_amount">
                                    </td>
                                    <td>
                                        <input type="number" name="amount[{{ $hotel->id }}]"
                                            id="amount{{ $i }}" value="{{ $amount }}"
                                            class="text-end form-control amount">
                                    </td>
                                </tr>
                            @endforeach
                    </table>
                </div>


                <div class='form-group col-12'>
                    <label for="" class="">{{ __('obs.note') }}:</label>
                    <textarea class="form-control" name="note" id="" cols="" rows="1">{{ $fd_invoice->note }}</textarea>
                </div>

                <div class="form-group col-12 text-center">
                    <button id="submit_button" type="submit" class="btn btn-md btn-primary"> {{ __('obs.update') }}</button>
                </div>
            </div>
            </form>

        </div>
    </div>
@endsection


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

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

        //   $(document).ready(function() {
        //         var agent_id = $("#agent_id").val();
        //         // get_agent_wise_reservation(agent_id)
        //   });

        $("#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();
                $('#cheque_date').prop('required', true);
                $('#cheque_number').prop('required', true);

                $(".cheque_date").removeAttr('disabled', 'disabled');
                $(".cheque_number").removeAttr('disabled', 'disabled');


            } else {

                // $('#bank_account_id').prop('required', false);

                $(".cheque_date").attr('disabled', 'disabled');
                $(".cheque_number").attr('disabled', 'disabled');

                $('#cheque_date').prop('required', false);
                $('#cheque_number').prop('required', false);
                $(".payment_details").hide();

            }

        });


        $("#agent_id").on('change', function(e) {
            var agent_id = $(this).val();
            get_agent_wise_reservation(agent_id)

        });

        function get_agent_wise_reservation(agent_id) {
            var url = "{{ route('frontdesk.get_agent_wise_reservation') }}";
            ajaxCustom(function(data) {
                // $("#reservation_id").html(data);
                $(".reservation_id").html(data);
            }, "GET", url, {
                agent_id: agent_id
            });
        }

        $(".amount").on('keyup', function(e) {
            var row = $(this).closest('tr').attr("data-id");
            var amount = parseFloat(this.value);
            // alert(amount);
            var advance_deducted = parseFloat($("#advance_deducted" + row).val());
            if (advance_deducted > 0 && amount < advance_deducted) {
                $("#amount" + row).val(advance_deducted);
            } else {
                if (isNaN(amount)) {
                    $("#amount" + row).val(advance_deducted);
                }

            }

            // alert(remaining_amount);


            calculateSum();

        })

        function calculateSum() {
            var sum = 0;
            $(".amount").each(function() {
                if (!isNaN(this.value) && this.value.length != 0) {
                    sum += parseFloat(this.value);
                    $(this).css("background-color", "#FEFDB0");
                } else if (this.value.length != 0) {
                    $(this).css("background-color", "red");
                }
            });

            $("#total_amount").html(sum.toFixed(2));
        }
    </script>
@endsection