@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;
        }
        .col,.col-1,.col-2{
            padding: 0 5px;
        }
    </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-12" style="margin-top: 10px">
            {{-- <div class="card">
                <div class="card-header">
                    <h5>Reservation Filter</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">

                        </div>
                    </div>
                </div>
            </div> --}}
            <div class="card" style="margin: 0;padding: 0">
                <div class="card-header" id="headingOne">
                    <h5 class="mb-0">
                        Reservation List
                    </h5>
                </div>
                <div class="card-body">
                    <form action="{{route('frontdesk.booking.reservation.list')}}" method="get">
                        <input type="hidden" name="filter_true" value="1" autocomplete="off">
                        <div class="row">
                            <div class="col-1">
                                <div class="form-group">
                                    <label for="">R.Type</label>
                                    <select name="rsv_type" id="" class="form-control select_2">
                                        <option value="">All</option>
                                        <option value="1">Room</option>
                                        <option value="2">Bed</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-1">
                                <div class="form-group">
                                    <label for="">Status</label>
                                    <select name="status" id="" class="form-control">
                                        <option value="">All</option>
                                        @foreach (all_booking_status() as $key=>$st)
                                            <option value="{{ $key }}">{{ $st }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-2">
                                <div class="form-group">
                                    <label for="">Agent</label>
                                    <select name="agent" 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" name="rsb_code">
                                </div>
                            </div> --}}

                            <div class="col">
                                <div class="form-group">
                                    <label for="" title="Start Date">S.Date</label>
                                    <input type="text" autocomplete="false" name="start_date" class="form-control fd_bs_datepicker" data-type="datepicker">
                                </div>
                            </div>

                            <div class="col">
                                <div class="form-group">
                                    <label for="" title="End Date">E.Date</label>
                                    <input type="text" autocomplete="false" name="end_date" class="form-control fd_bs_datepicker" data-type="datepicker">
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label for="" title="Expected Check In Date, Only Selected Date">E.Check In Date</label>
                                    <input type="text" autocomplete="false" name="expected_check_in_date" class="form-control fd_bs_datepicker" data-type="datepicker">
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="">Resv. Code</label>
                                    <select name="resv_id" type="text" class="form-control fd_booking_code_search"></select>
                                </div>
                            </div>
                            <div class="col-1">
                                <label for="">&nbsp;</label><br>
                                <button type="submit" class="btn btn-info btn-sm">Filter</button>
                            </div>
                        </div>
                    </form>
                    <table class="table table-bordered table-striped table-hover">
                        <thead>
                            <tr class="bg-dark text-white">
                                <th class="text-center text-light">Sl</th>
                                <th class="text-center text-light">Resv.Code</th>
                                <th class="text-center text-light">Agent</th>
                                <th class="text-center text-light">Room/Bed</th>
                                <th class="text-center text-light">Qty</th>
                                <th class="text-center text-light">Date</th>
                                <th class="text-center text-light">Expected Check in Date</th>
                                <th class="text-center text-light">Status</th>
                                <th class="text-center text-light">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($reservations as $key=>$rsb)
                                <tr>
                                    <td>{{$key+1}}</td>
                                    <td>{{$rsb->resv_code}}</td>
                                    <td>@if($rsb->get_agent_info){{$rsb->get_agent_info->name_eng}}@endif</td>
                                    <td class="text-center">@if($rsb->type == 1) Room @else Bed @endif</td>
                                    <td class="text-center">{{ $rsb->get_booking_details->sum('qty') }}</td>
                                    <td class="text-center">{{date('d-m-Y',strtotime($rsb->date))}}</td>
                                    <td class="text-center">{{date('d-m-Y',strtotime($rsb->get_booking_details->sortBy('start_date')->first()->start_date))}}</td>
                                    {{-- <td>{{$rsb->get_booking_details->groupBy('start_date')->sort()}}</td> --}}
                                    <td class="text-center">{{booking_status($rsb->booking_status)}}</td>
                                    <td class="text-center">
                                        @if(checkAuthPermission('frontdesk.booking.print'))
                                            <a href="{{route('frontdesk.booking.print',['id'=>$rsb->id])}}" target="__blank" class="btn btn-info btn-sm" title="Print"><i class="fas fa-print"></i></a>
                                            <a href="{{route('frontdesk.booking.print',['id'=>$rsb->id,'without_bill'=>1])}}" target="__blank" class="btn btn-dark btn-sm" title="Print Without Bill"><i class="fab fa-creative-commons-nc"></i></a>
                                            <a href="{{route('frontdesk.booking.print',['id'=>$rsb->id,'without_comission'=>1])}}" target="__blank" class="btn btn-dark btn-sm" title="Print Without Comission"><i class="fas fa-hand-holding-usd"></i></a>
                                        @endif
                                        @if($rsb->booking_status == 1)
                                            {{-- <button data-id="{{$rsb->id}}" class="btn btn-primary btn-sm rate_update">Rate Update</button> --}}
                                            @if(checkAuthPermission('frontdesk.booking.cancel_request_send'))
                                                <button data-id="{{$rsb->id}}" class="btn btn-danger btn-sm cancel_reservation" title="Cancel"><i class="fas fa-times"></i></button>
                                            @endif
                                            @if(checkAuthPermission('frontdesk.booking.edit'))
                                                <a href="{{route('frontdesk.booking.edit',['id'=>$rsb->id])}}" class="btn btn-warning btn-sm" title="Edit"><i class="fas fa-edit"></i></a>
                                            @endif
                                            @if(checkAuthPermission('frontdesk.check_in.by_room.from_booking'))
                                                <a href="{{route('frontdesk.check_in.by_room.from_booking',['id'=>$rsb->id,'type'=>$rsb->type])}}" class="btn btn-success btn-sm" title="Check In"><i class="fas fa-check-circle"></i></a>
                                            @endif
                                        @endif
                                            {{-- <a href="{{route('frontdesk.booking.print',['id'=>$rsb->id])}}" class="btn btn-info btn-sm">Details</a> --}}
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8">No Booking With This Filter</td>
                                </tr>
                            @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-10">

            </div>
        </div>
    </form>
</div>

{{-- <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">Request For Rate Rate</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.request_for_rate_change')}}" method="post">
                @csrf
                <div class="modal-body"> --}}
                    {{-- <div>
                        <input name="fd_vat_type" type="radio" value="1" /> Including
                        <input name="fd_vat_type" type="radio" value="2" checked /> Excluding
                    </div>

                    <div class="form-group">
                        <label>Vat</label>
                        <div>
                            @foreach(getTaxes(array(1)) as $val)
                                <input name="vat_taxes[]" data-value="" value="" class="fd_vat_list" type="checkbox" checked />                             @endforeach
                        </div>
                    </div> --}}
                    {{-- <table class="table table-bordered table-stripe">
                        <thead>
                            <tr>
                                <th>Sl</th>
                                <th>Room</th>
                                <th>Room Type</th>
                                <th>Qty</th>
                                <th>Start Date</th>
                                <th>End Date</th>
                                <th>Total Night</th>
                                <th>Original Rent</th>
                                <th>New Rent</th>
                            </tr>
                        </thead>
                        <tbody class="room_details">

                        </tbody>
                    </table>
                </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');" data-id="" class="btn btn-success btn-sm rate_change_approve_modal rate_change_approval">Send Request</button>
                </div>
            </form>
        </div>
    </div>
</div> --}}

@include('frontdesk.booking.reservation_cancel_request')
@endsection

@section('script')

<script>

    $(document).ready(function(){
        $('.rate_update').click(function(){
            var id = $(this).data('id');
            var method="GET";
            var url="/frontdesk/reservation/get_booking_details_info";
            var data={id:id};
            ajaxCustom(function(data){
                console.log(data);
                $('#exampleModal').modal('show');
                var list = '';
                $.each(data, function(key, val){
                    list += '<tr>'+
                        '<input type="hidden" name="row_id[]" value="'+val.id+'">'+
                        '<td>'+(key+1) +'</td>'+
                        '<td>'+val.room_id+'</td>'+
                        '<td>'+val.room_type+'</td>'+
                        '<td>'+val.qty+'</td>'+
                        '<td>'+val.start_date+'</td>'+
                        '<td>'+val.end_date+'</td>'+
                        '<td>'+val.total_night+'</td>'+
                        '<td>'+val.o_rent+'</td>'+
                        '<td><input type="text" required class="form-control rent" name="new_rate[]" value="'+val.rent+'"></td>'+
                    '</tr>'
                });
                $('.room_details').html(list);
                $('.rate_change_approve_modal').attr('data-id',id);
            },method,url,data);
        });

        $('.rate_change_approval').click(function(){
            var id = $(this).data('id');
            var method="POST";
            var url="/frontdesk/reservation/reservation_approve";
            var data={id:id};
            ajaxCustom(function(data){
                var alertData={title:'Success',timer:1000,toast: true};
                sweetAlert(alertData);
            },method,url,data);
        });

        $('.select_2').select2();

    });
</script>

@endsection