{{-- @extends('frontdesk.layouts.master_fullwidth')

@section('custom_style')

    <style>
        select{
            box-shadow: inset -1px 4px 10px 0px rgb(212 212 212);
            height: 28px !important;
            font-size: 14px !important;
        }
    </style>

@endsection
@section('content')

<div class="col-lg-12">
    <div class="row">
        @include("frontdesk.share.fd_booking_rightside_quick_access")
    </div>
    <div class="row" style="margin-top: 10px;">
        <div class="col-1" ></div>
        <div class="col-10" style="margin-top: 10px">
            <div class="card">
                <div class="card-header">
                    <h5>Reservation Info</h5>
                </div>
                <div class="card-body">
                    <form action="{{route('frontdesk.booking.cancel_request')}}" method="get">
                        <input type="hidden" name="filter_true" value="1" autocomplete="off">
                    <div class="row">
                        <div class="col-12">
                            <div class="row">
                                <div class="col-1">
                                    <div class="form-group">
                                        <label for="">Resv Type</label>
                                        <select name="" id="" class="form-control">
                                            <option value="">All</option>
                                            <option value="1">Room</option>
                                            <option value="2">Bed</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-3">
                                    <div class="form-group">
                                        <label for="">Agent</label>
                                        <select name="" id="" class="form-control fd_agent_search">

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

                                <div class="col-1">
                                    <div class="form-group">
                                        <label for="">Resv.Code</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>

                                <div class="col-3">
                                    <div class="form-group">
                                        <label for="">Start Date</label>
                                        <input type="text" class="form-control fd_bs_datepicker" data-type="datepicker">
                                    </div>
                                </div>

                                <div class="col-3">
                                    <div class="form-group">
                                        <label for="">End</label>
                                        <input type="text" class="form-control fd_bs_datepicker" data-type="datepicker">
                                    </div>
                                </div>
                                <div class="col-1">
                                    <label for="">&nbsp;</label><br>
                                    <button type="submit" class="btn btn-info btn-sm">Filter</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
            <div class="card" style="margin: 0;padding: 0">
                <div class="card-header" id="headingOne">
                    <h5 class="mb-0">
                        Reservation Info
                    </h5>
                </div>
                <div class="card-body">
                    <table class="table table-border table-striped table-hover">
                        <thead>
                            <tr>
                                <th>Sl</th>
                                <th>Resv.Code</th>
                                <th>Allot.Code</th>
                                <th>Date</th>
                                <th>Agent</th>
                                <th>Adult</th>
                                <th>Child</th>
                                <th>Expected Check in Date</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($reservations as $key=>$rsb)
                                <tr>
                                    <td>{{$key+1}}</td>
                                    <td>{{$rsb->resv_code}}</td>
                                    <td>{{$rsb->allotment_id}}</td>
                                    <td>{{$rsb->date}}</td>
                                    <td>{{$rsb->agent_id}}</td>
                                    <td>{{$rsb->adult}}</td>
                                    <td>{{$rsb->children}}</td>
                                    <td></td>
                                    <td>
                                        @if($rsb->status == 1) Pending
                                        @endif
                                    </td>
                                    <td>
                                        <a href="" class="btn btn-info btn-sm">Print</a>
                                        <button data-id="{{$rsb->id}}" class="btn btn-danger btn-sm cancel_reservation">Cancel</button>
                                    </td>
                                </tr>
                            @empty

                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-1" style="margin: 0;padding: 0"></div>
    </div>
    <form id="form_booking" method="post"
          action="{{ url('/frontdesk/booking-room-bed') }}"
          name="form" enctype="multipart/form-data">
        @csrf
        <div class="row">
            <div class="col-1" style="margin: 0;padding: 0">
                @include("frontdesk.share.fd_booking_leftside_quick_access")
            </div>
            <div class="col-9">

            </div>
        </div>
    </form> --}}

    <!-- Button trigger modal -->


  <!-- Modal -->
    <div class="modal fade" data-backdrop="static" data-keyboard="false" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Reservation Information</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{route('frontdesk.booking.cancel_request_send')}}" method="get">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-6">
                                <input type="hidden" name="row_id" class="row_id">
                                <div class="form-group">
                                    <label for="">Agent</label>
                                    <input type="text" class="form-control agent" readonly>
                                </div>
                                {{-- <div class="form-group">
                                    <label for="">Allotment Id</label>
                                    <input type="text" class="form-control allotment_id" readonly>
                                </div> --}}
                                {{-- <div class="form-group">
                                    <label for="">Resv. Type</label>
                                    <input type="text" class="form-control resv_type" readonly>
                                </div> --}}
                                <div class="form-group">
                                    <label for="">Amount</label>
                                    <input type="text" class="form-control amount" readonly>
                                </div>
                                <div class="form-group">
                                    <label for="">Total Amount</label>
                                    <input type="text" class="form-control total_amount" readonly>
                                </div>
                                <div class="form-group">
                                    <label for="">Advance Amount (Total)</label>
                                    <input type="text" class="form-control adv_amount_total" readonly>
                                </div>
                                <div class="form-group">
                                    <label for="">Remarks</label>
                                    <textarea name="remarks" cols="30" rows="2" class="form-control"></textarea>
                                </div>
                                {{-- <div class="form-group">
                                    <label for="">Refund Amount</label>
                                    <input type="text" class="form-control refund_amount" name="refund_amount">
                                </div> --}}
                                {{-- <div class="form-group">
                                    <label for="">Charge Type</label>
                                    <select name="charges_type" class="form-control charges_type">
                                        @foreach (getRoomCharges() as $c)
                                            <option value="{{$c->id}}">{{$c->name_eng}}</option>
                                        @endforeach
                                    </select>
                                </div> --}}

                                {{-- <div class="form-group">
                                    <label for="">Receipt Type:</label>
                                    <select name="receipt_type" class="form-control receipt_type">
                                    </select>
                                </div> --}}
                            </div>
                            <div class="col-6">

                                <div class="form-group">
                                    <label for="">Resv. Date</label>
                                    <input type="text" class="form-control resv_date" readonly>
                                </div>
                                <div class="form-group">
                                    <label for="">Vat</label>
                                    <input type="text" class="form-control vat" readonly>
                                </div>
                                <div class="form-group">
                                    <label for="">Payment Type</label>
                                    <select name="cash_bank_id" class="form-control">
                                        @foreach(getCashBank() as $val)
                                            <option data-type="{{$val->type}}"
                                                    class="recv-mode-{{$val->id}}"
                                                    value="{{$val->account_id}}">
                                                {{$val->name_eng}}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="">Advance Amount (Refundable)</label>
                                    <input type="text" name="adv_amount_refundable" class="form-control adv_amount_refundable" readonly>
                                </div>

                                {{-- <div class="form-group">
                                    <label for="">Charges Amount</label>
                                    <input type="text" class="form-control charges_amount" name="chrg_amount">
                                </div> --}}

                                {{-- <div class="form-group">
                                    <label for="">Pay Amount</label>
                                    <input type="text" class="form-control pay_amount" name="pay_amount">
                                </div> --}}

                                <input type="hidden" class="inv_details_adv_id" name="inv_details_adv_id" value="">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="">Details</label>
                                    <div class="html_details">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
                        <button type="submit" onclick="return confirm('Are You Sure');" class="btn btn-success btn-sm cancel_resv">Save changes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


{{-- @endsection --}}

{{-- @section('script') --}}

    <script>
        $(document).ready(function(){
            // $('.charges_type').select2();

            $('.cancel_reservation').click(function(){
                $('.charges_amount').val(0);
                var id = $(this).data('id');
                var method="GET";
                var url="/frontdesk/reservation/get_booking_info";
                var data={id:id};
                ajaxCustom(function(data){
                    console.log(data);
                    var total_advance = data.accounts_info.adv_total;
                    // if(data.booking_info.agent_id == $('.local_agent_id').val()){
                    //     un_adj_adv = 0
                    // }
                    // console.log(data.booking_info.agent_id,$('.local_agent_id').val())

                    $('.allotment_id').val(data.booking_info.allotment_id);
                    $('.agent').val(data.booking_info.get_agent_info.name_eng);
                    if(data.booking_info.type == 1)
                        $('.resv_type').val("Room");
                    else
                        $('.resv_type').val("Bed");
                    $('.resv_date').val(data.booking_info.date);

                    // $('.adv_amount').val(total_advance);
                    // console.log(vat);

                    // if(un_adj_adv > 0){
                    //     var rcpt_type = '<option value="1" selected>Advance Adjust</option>';
                    //     $('.refund_amount').attr('readonly',true).val(un_adj_adv);
                    // }else{
                    //     var rcpt_type = '<option value="2" selected>Payment</option>';
                    //     $('.refund_amount').attr('readonly',true).val(0);
                    // }

                    // console.log('adv',data.accounts_info.original.adv_details_info.isAdvGiven);
                    // if((data.accounts_info.isAdvGiven > 0) && (data.accounts_info.refundableAmount > 0)){
                        // $('.refund_amount').attr('readonly',false).val(data.accounts_info.refundableAmount);
                    $('.adv_amount_total').val(total_advance);
                    $('.adv_amount_refundable').val(data.accounts_info.refundableAmount);
                    // }else{

                    //     $('.refund_amount').attr('readonly',true).val(0);
                    //     $('.pay_amount').attr('readonly',false);
                    //     $('.adv_amount').val(0);
                    // }
                    $('.html_details').html(data.accounts_info.advance_details_html);

                    // $('.receipt_type').html(rcpt_type);


                    var vat = calIncludingTax(data.booking_info.bill_amount,data.booking_info.tax_percent,data.booking_info.tax_type);
                    $('.amount').val(parseFloat(vat.vat_without_total).toFixed(2));
                    $('.vat').val(parseFloat(vat.tax_amt).toFixed(2));
                    $('.total_amount').val(parseFloat(vat.vat_without_total)+parseFloat(vat.tax_amt));

                    $('.row_id').val(data.booking_info.id);
                    $('#exampleModal').modal('show');
                },method,url,data);
            });


            // $('.charges_amount').keyup(function(){
            //     var chrg_amount = parseFloat($(this).val());
            //     if(isNaN(chrg_amount)){
            //         chrg_amount = 0;
            //     }
            //     var adv_amount = parseFloat($('.adv_amount').val());
            //     if(adv_amount > 0){
            //         if(chrg_amount>adv_amount){
            //             $('.cancel_resv').attr('disabled',true);
            //             alert("Here Charges Amount Is More Than Advance, Please Charge First And Adjust The Advance Later.");
            //         }else{
            //             $('.refund_amount').val(adv_amount-chrg_amount);
            //             $('.cancel_resv').attr('disabled',false);
            //         }

            //     }else{
            //         $('.refund_amount').val(0);
            //     }
            // });
        });
    </script>

{{-- @endsection --}}