@extends('admin.layout.master')
@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="card sina-card">
        <div class="card-header">
            <h4>Room Reservation By Date</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <form action="{{route('frontdesk.report.room_reservation_by_date_print')}}" method="get">
                        <div class="row">
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">Agent</label>
                                    <select name="agent" id="" class="form-control fd_agent_search">
                                    </select>
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="">Company</label>
                                    <select name="company" id="" class="form-control fd_company_search">
                                    </select>
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="">Resv. Type</label>
                                    <select name="rsv_type" id="" class="form-control">
                                        <option value="">All</option>
                                        <option value="1">Room</option>
                                        <option value="2">Bed</option>
                                    </select>
                                </div>
                            </div>

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

                            <div class="col-2">
                                <div class="form-group">
                                    <label for="">End Date</label>
                                    <input type="text" autocomplete="false" name="end_date"
                                           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">Print</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    {{-- <div class="card sina-card" style="margin: 0;padding: 0">
        <div class="card-header" id="headingOne">
            <h4 class="mb-0">
                Room Reservation By Date List
            </h4>
        </div>
        <div class="card-body">
            <table class="table table-border table-striped table-hover">
                <thead>
                <tr>
                    <th>Sl</th>
                    <th>Resv.Code</th>
                    <th>Agent</th>
                    <th>Room/Bed</th>
                    <th>Date</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>@if($rsb->get_agent_info){{$rsb->get_agent_info->name_eng}}@endif</td>
                        <td>@if($rsb->type == 1) Room @else Bed @endif</td>
                        <td>{{$rsb->date}}</td>
                        <td></td>
                        <td>@if($rsb->booking_status == 1) Reserved @elseif($rsb->booking_status == 5) Request For Rate
                            Change @endif</td>
                        <td>
                            <a href="" class="btn btn-info btn-sm">Print</a>
                            @if($rsb->booking_status == 1)
                                <button data-id="{{$rsb->id}}" class="btn btn-primary btn-sm rate_update">Rate Update
                                </button>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8">No Booking With This Filter</td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div> --}}
@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);
            });
        });
    </script>

@endsection