@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="col-md-4 offset-md-4 mt-2">

            </div>
            <div class="card" style="margin: 0;padding: 0">
                <div class="card-header" id="headingOne">
                    <h5 class="mb-0">
                        @if($type == 1) Room @else Bed @endif Change List
                    </h5>
                </div>
                <div class="card-body">
                    <form @if($type==1) action="{{route('frontdesk.change.room.list')}}" @else action="{{route('frontdesk.change.bed.list')}}" @endif method="get">
                        <div class="row">
                            <input type="hidden" name="filter">
                            <div class="col">
                                <div class="form-group">
                                    <label for="">Check In Code</label>
                                    <select type="text" multiple class="form-control common_select" name="checkin_code[]">
                                        {{-- <option value="">All</option> --}}
                                        @foreach ($cin_codes as $cc)
                                            <option value="{{$cc->id}}">{{$cc->checkin_code}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="">From Room</label>
                                    <select name="from_room[]" multiple class="common_select form-control input_shadow">
                                        {{-- <option value="">All</option> --}}
                                        @foreach ($rooms as $room)
                                            <option value="{{$room->id}}">{{$room->room_number}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="">To Room</label>
                                    <select name="to_room[]" multiple class="common_select form-control input_shadow">
                                        {{-- <option value="">All</option> --}}
                                        @foreach ($rooms as $room)
                                            <option value="{{$room->id}}">{{$room->room_number}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label for="">Start Date</label>
                                    <input type="text" class="form-control fd_bs_datepicker" data-type="datepicker" name="start_date">
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label for="">End Date</label>
                                    <input type="text" class="form-control fd_bs_datepicker" data-type="datepicker" name="end_date">
                                </div>
                            </div>
                            <div class="col-1">
                                <label for="">&nbsp;</label><br>
                                <button class="btn btn-success btn-sm">Filter</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="card mt-3">
                <div class="card-body">
                    <table class="table table-striped table-hover">
                        <thead>
                            <th>Sl</th>
                            <th>Check In Code</th>
                            <th>Change Date</th>
                            <th>From @if($type == 1) Room @else Bed @endif</th>
                            <th>To @if($type == 1) Room @else Bed @endif</th>
                            <th>Maintanance</th>
                            <th>Remarks</th>
                        </thead>
                        <tbody>
                            @foreach ($datas as $key=>$data)
                                <tr>
                                    <td>{{$key+1}}</td>
                                    <td>{{$data->get_checkin_code->checkin_code}}</td>
                                    <td>{{date('d-M-Y', strtotime($data->created_at))}}</td>
                                    <td>{{$data->get_from_room_info->room_number}}</td>
                                    <td>{{$data->get_to_room_info->room_number}}</td>
                                    <td>
                                        @if($data->maintainance == 0) No @else Yes @endif
                                    </td>
                                    <td>{{$data->remarks}}</td>
                                </tr>
                            @endforeach
                        </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>

@endsection

@section('script')

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

@endsection