@extends('admin.layout.master')
@section('custom_style')
<style>

   
</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 sina-card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <div class="col-md-8">
            <h5 class="">{{__('obs.payment')}} {{__('obs.voucher')}}</h5>
        </div>
        
        <div class="col-md-4 text-end">
            <a href="{{route('frontdesk.refund_voucher')}}" class="btn btn-sm btn-light">{{__('obs.refund')}} {{__('obs.voucher')}}</a>
        </div>
        
    </div>
    <div class="card-body">
        <div class="">
    <form action="{{ route('frontdesk.refund_voucher.update') }}" method="POST" class="form-horizontal" id="refund_form" enctype="multipart/form-data">
        <!-- CSRF Token -->
        <input type="hidden" name="_token" value="{{ csrf_token() }}"> 
       
        <input type="hidden" name="refund_invoice_id" value="{{$refund_invoice->id}}">
         <div class="row">
            <div class="col-md-8">
                <table class="table cl-table table-bordered rounded-2">
                    <tr>
                        <div class="col-md-6">
                            <td style="width: 20%">
                                <label for="" class="labels cl-form-label">{{__('obs.Cashier')}}:</label>
                            </td>
                            <td style="width:30%">
                                <div class="d-flex">
                                    <select id="receipt_type" name="cash_bank_id" class="form-control cl-form-control" required>
                                      
                                        @forelse ($cashiers as $cashier)
                                            <option value="{{ $cashier->cashier_ledger }}"{{ $cashier->cashier_ledger == $refund_details->cashier__id ? 'selected' : '' }}  cash_bank_type="" class="">
                                                {{ $cashier->admin->name }}
                                            </option>
                                        @empty
                                        @endforelse
                                    </select>
                                </div>
                            </td>
                        </div>
                        <div class="col-md-6">
                            <td class="refund"  style="width:20%">
                                <label for="checkin_id" class="labels cl-form-label">{{__('obs.checkin_no')}}</label>
                            </td>
                            <td class="refund"  style="width:30%">
                                <div class="d-flex">
                                    <select  name="checkin_id" class="form-control fd_checkin_resv_code_search" id="checkin_no" required>
                                       @if ($refund_details)
                                       <option value="{{$refund_details->reservation_id}}">{{$refund_details->reservation->checkin_code}}</option>
                                       @endif
                                        {{-- @foreach ($checkin_list as $checkin)
                                            <option value="{{$checkin->id}}" {{ $checkin->checkin_code == $refund_details->reservation_id ? 'selected' : '' }}>{{$checkin->checkin_code}}</option>
                                        @endforeach --}}
                                   </select>
        
                                    @error('checkin_id')
                                    <span class="help-block text-center text-danger">
                                        <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </td>
                        </div>
                    </tr>
        
                    <tr>
                        <div class="col-md-6">
                            <td>
                                <label class="labels cl-form-label"> {{__('obs.party')}}</label>
                            </td>
                            <td>
                                <div class="d-flex">
                                    <select id="party_id" name="party_id" class="form-control fd_agent_search">
                                        @if ($refund_details)
                                        <option value="{{$refund_details->party_id}}">{{$refund_details->get_agent_info->name_eng}}</option>
                                        @endif
                                   </select>
        
                                </div>
                            </td>
                        </div>
                        <div class="col-md-6">
                            <td>
                                <label class="labels cl-form-label"> {{__('obs.amount')}}</label>
                            </td>
                            <td>
                                <div class="d-flex">
                                    <input type="number" name="bill_amount" id="bill_amount" value="{{ $refund_details->amount }}" class="form-control cl-form-control">
                                </div>
                            </td>
                        </div>
        
                    </tr>
        
                    <tr>
                        <div class="col-md-6">
                            <td>
                                <label class="cl-form-label">{{__('obs.comment')}}</label>
                            </td>
                            <td>
                                <div class="d-flex">
                                    <textarea name="comment" id="pourpose" class="form-control cl-form-control" rows="1">{{ $refund_invoice->note }}</textarea>
                                </div>
                            </td>
                        </div>
        
                        <div class="col-md-6">
                            <td>
                                <label class="labels cl-form-label">{{__('obs.date')}}</label>
                            </td>
                            <td>
                                <div class="d-flex">
                                    <input type="text" name="date" id="date" value="{{ date('d-m-Y', strtotime($refund_invoice->date)) }}" class="form-control cl-form-control date_picker" required>
                                    @error('date')
                                    <span class="help-block text-center text-danger">
                                        <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </td>
                        </div>
                    </tr>
                </table>
            </div>
        
            <div class="col-md-4">
                <table class="table cl-table table-bordered rounded-2">
                    <tr>
                        <td colspan="2">
                            <div class="form-group">
                            <strong class="me-2">{{__('obs.vat')}} : </strong>
                            @foreach(getTaxes(array(1)) as $val)
                            <div class="form-check cl-form-check me-2">
                                <label class="form-check-label cl-form-check-label" for="{{ $val->name }}">{{$val->name}}</label>
                                <input name="vat_taxes[{{$val->ledger_id}}]" id="{{ $val->name }}" class="form-check-input cl-form-check-input fd_vat_list" data-value="{{$val->value}}" value="{{$val->id}}" type="checkbox">
                                {{-- <input name="vat_taxes[{{$val->ledger_id}}]"  class="form-check-input "  value="{{$val->value}}" type="hidden"> --}}
        
                            </div>
                            @endforeach
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <div class="form-group">
                                <strong class="me-2">{{__('obs.vat')}} {{__('obs.type')}} : </strong>
                                <div class="form-check cl-form-check me-2">
                                    <label class="form-check-label cl-form-check-label" for="fd_vat_type1">{{__('obs.including')}}</label>
                                    <input class="form-check-input cl-form-check-input fd_vat_type" id="fd_vat_type1" name="fd_vat_type" type="radio" value="1" checked/>
                                </div>
                                <div class="form-check cl-form-check me-2">
                                    <label class="form-check-label cl-form-check-label" for="fd_vat_type2">{{__('obs.excluding')}}</label>
                                    <input class="form-check-input cl-form-check-input fd_vat_type" id="fd_vat_type2" name="fd_vat_type" type="radio" value="2" />
                                </div>
        
                            </div>
                        </td>
                    </tr>
        
                    <tr>
                        <td>
                            <label class="labels cl-form-label">{{__('obs.vat')}} {{__('obs.amount')}}</label>
                        </td>
                        <td>
                            <div class="d-flex">
                                <input type="number" name="vat_amount" id="vat_amount" class="form-control cl-form-control" readonly>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label class="labels cl-form-label">{{__('obs.amount')}} {{__('obs.without')}}  {{__('obs.vat')}} </label>
                        </td>
                        <td>
                            <div class="d-flex">
                                <input type="number" name="amount_without_vat" id="amount_without_vat" class="form-control cl-form-control" readonly>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label class="labels cl-form-label">{{__('obs.total')}} {{__('obs.amount')}}</label>
                        </td>
                        <td>
                            <div class="d-flex">
                                <input type="number" name="total_amount" id="total_amount" class="form-control cl-form-control" readonly>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label class="labels cl-form-label"> {{__('obs.currency')}}</label>
                        </td>
                        <td>
                            <div class="d-flex">
                                <select name="currency_id" style="flex: 1;" id="currency_id" class="select_2 form-control">
                                    @forelse ($currencies as $item)
                                        <option value="{{$item->id}}" {{$item->is_primary == 1 ? 'selected' : ''}}> {{$item->name}}
                                        </option>
                                        @empty
                                    @endforelse
                                </select>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label class="labels cl-form-label" title="Rate Of Exchange"> {{__('obs.roe')}}</label>
                        </td>
                        <td>
                            <div class="d-flex">
                                <input step=".000000000000000001" style="flex: 1;" type="text" name="roe" id="roe" class="form-control roe" value=""/>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
           
        
            <div class="form-group col-12 text-center mb-1">
               
                    <button id="submit_button" type="button" class="btn btn-primary" onclick="update_refund(event)">
                        <i class="fa fa-save mr-1"></i> Update
                    </button>
            </div>

        </form>
        </div>
    </div>
</div>
@endsection


@section('script')
<script>
 $('.select2').select2();
   $(document).ready(function () {
    $("#submit_button").prop("disabled", true); 
         get_currency_rate();
        $('#bill_amount').keyup(function(){
            calculate_vat();
            enable_update_button(); 
        });
       
        $('.fd_vat_list').on('click', function(e) {
            calculate_vat();
        });
      
        
        $('.fd_vat_type').on('click', function(e) {
            calculate_vat();
        });

        function calculate_vat(){
            var bill_amount = $('#bill_amount').val();
         
            var vat = 0;
            $.each($(".fd_vat_list:checked"), function(){
                vat += parseFloat($(this).attr('data-value'));
            });
          
            var fd_vat_type  =  $("input[name='fd_vat_type']:checked").val();
           
          
            var odject =  calIncludingTax(bill_amount,vat,fd_vat_type);
          
            var vat_amount =  parseFloat(odject.tax_amt);
            var amount_without_vat =  parseFloat(odject.vat_without_total);
           
            var total_amount = parseFloat(vat_amount) + parseFloat(amount_without_vat);
            $("#vat_amount").val(vat_amount.toFixed(2));
            $("#amount_without_vat").val(amount_without_vat.toFixed(2));
            $("#total_amount").val(total_amount.toFixed(2));
        };
        function enable_update_button(){
           var total_amount = $("#total_amount").val();
           if (total_amount > 0) {
                $("#submit_button").prop("disabled", false); 
            } else {
                $("#submit_button").prop("disabled", true); 
            }

        }

        $('#checkin_no').change(function () {//get_party_info_by_reservation
            var reservation_id =  $("#checkin_no").val();
            var url = "{{ route('frontdesk.get_party_info_by_reservation')}}";
            ajaxCustom(function(data) {
                console.log(data);
                if(data){
                    let html = `<option value="${data.id}">${data.name_eng}</option>`;
                    $("#party_id").html(html);
                }
               
              
            }, "GET", url, {reservation_id: reservation_id});
        });

        $('.ledger_select_fixed').select2({
            minimumInputLength: 3,
            ajax: {
                url: "{{route('accounts_settings.ledger_search')}}",
                dataType: 'json',
                type: "GET",
                quietMillis: 50,
                data: function (term) {
                    return {
                        _token: $('meta[name="csrf-token"]').attr("content"),
                        search_type: 2,
                        group_code:null,
                        name: term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.auto_code + ' -- ' + item.name,
                                id: item.id
                            }
                        })
                    };
                }
            }
        });

      
        $('#currency_id').change(function () {
            get_currency_rate();
        });
       
        function get_currency_rate(){
           var  currency_id = $('#currency_id').val();
           var url = "{{ route('frontdesk.get_currency_rate')}}";
            ajaxCustom(function(data) {
                console.log(data);
                $('#roe').val(data.roe);
            }, "GET", url, {currency_id: currency_id});
        };
    });
    
        function update_refund(event) {
            event.preventDefault(); 
            var confirmation = confirm("Are you sure you want to update Refund?");
            if (confirmation) {
                $('#refund_form').submit(); 
            }
        }

     
</script>
@endsection