@extends('layouts.main-layout')
@section('title')
    Arrivals
@endsection
@section('content')
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Post-->
        <div class="post d-flex flex-column-fluid" id="kt_post">
            <!--begin::Container-->
            <div id="kt_content_container" class="container-xxl">
                <div class="card mb-5 mb-xl-8">

                    <!--begin::Header-->
                    <div class="card-header border-0 pt-5">
                        <p class="alert alert-success" id="msg" style="display: none;"></p>
                        <h3 class="card-title atrgn-items-start flex-column">
                            <span class="text-center card-label fw-bolder fs-3 mb-1"> No Show</span>

                        </h3>
                    </div>
                    <div class="card-body py-3 ">
                        <div class="row-fluid">
                            <div class="span12">
                                <div class="grid simple ">
                                    <div class="grid-title">

                                        <div class="tools">
                                            <a href="javascript:;" class="collapse"></a>
                                            <a href="#grid-config" data-toggle="modal" class="config"></a>
                                            <a href="javascript:;" class="reload"></a>
                                            <a href="javascript:;" class="remove"></a>
                                        </div>
                                    </div>
                                    <div class="grid-body ">
                                        <table class="table mt-10 table-row-bordered table-row-gray-100 align-middle gs-0 gy-3 " id="myTable">
                                            <thead>
                                            <tr class="fw-bolder text-muted ">
                                                {{--<th>#</th>--}}
                                                <th style="width:80px;">Booking No</th>
                                                <th style="width:100px;" >Booking Date</th>
                                                <th style="width:100px;">Guest Name</th>
                                                <th style="width:80px;">Room No</th>
                                                <th style="width:100px;">CheckIn

                                                    <a href="{{route('admin.noshow', ['order' => 'ASC'])}}">
                                                        <i class="fa fa-arrow-down small material-icons white-text"></i>
                                                    </a>
                                                    <a href="{{route('admin.noshow', ['order' => 'DESC'])}}">
                                                        <i class="fa fa-arrow-up small material-icons white-text"></i>
                                                    </a>

                                                </th>
                                                <th style="width:100px;">CheckOut</th>
                                                <th style="width:100px;">Status</th>

                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($bookings as $i => $booking)
                                                <tr>
                                                    {{-- not using because rows are being deleted from ajax --}}
                                                    {{--<td>{{$i + $bookings->firstItem()}}</td>--}}
                                                    <td>{{$booking->BookingId}}</td>
                                                    <td>{{(new Carbon\Carbon($booking->BookingDate))->format('d-m-Y')}}</td>
                                                    <td>{{$booking->BookerFirstName}} {{$booking->BookerLastName}}</td>
                                                    @if($booking->room)
                                                        <td>{{$booking->room->RoomName}}</td>
                                                    @else
                                                        <td>-</td>
                                                    @endif
                                                    <td>{{(new Carbon\Carbon($booking->BeginDate))->format('d-m-Y')}}</td>
                                                    <td>{{(new Carbon\Carbon($booking->EndDate))->format('d-m-Y')}} </td>
                                                    <td class="status-col">{{$booking->bookingStatus->BookingStatus}}</td>

                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="center-align mb-3">
                            {{$bookings->links()}}
                        </div>
                    </div>
                </div></div></div></div>
    @component('admin.includes.loader')
    @endcomponent
@endsection