@section('page_category') Home @endsection
@section('page_title') Admin Dashboard @endsection
<div class="container-fluid">
    <div class="row">
        <div class="col-6 col-lg-6 col-xl">
            <!-- Value  -->
            <div class="card">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col">

                            <!-- Title -->
                            <h6 class="text-uppercase text-muted mb-2">
                                Rooms
                            </h6>

                            <!-- Heading -->
                            <span class="h2 mb-0">
                      {{\App\Models\Room::all()->count()}}
                    </span>

                            <!-- Badge -->
                            <span class="badge badge-soft-success mt-n1">
                              occupied 0
                            </span>
                        </div>
                        <div class="col-auto">

                            <!-- Icon -->
                            <span class="h2 fe fe-users text-muted mb-0"></span>

                        </div>
                    </div> <!-- / .row -->
                </div>
            </div>

        </div>
        <div class="col-6 col-lg-6 col-xl">

            <!-- Hours -->
            <div class="card">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col">
                            <!-- Title -->
                            <h6 class="text-uppercase text-muted mb-2">
                                Checkins
                            </h6>

                            <!-- Heading -->
                            <span class="h2 mb-0">
                            0
                    </span>
                            <!-- Badge -->
                            <span class="badge badge-soft-success mt-n1">
                              new 0
                            </span>
                        </div>
                        <div class="col-auto">

                            <!-- Icon -->
                            <span class="h2 fe fe-briefcase text-muted mb-0"></span>

                        </div>
                    </div> <!-- / .row -->
                </div>
            </div>

        </div>
        <div class="col-6 col-lg-6 col-xl">

            <!-- Exit -->
            <div class="card">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col">

                            <!-- Title -->
                            <h6 class="text-uppercase text-muted mb-2">
                                Customers
                            </h6>

                            <!-- Heading -->
                            <span class="h2 mb-0">
                     {{--{{\BinshopsBlog\Models\BinshopsComment::withoutGlobalScopes()->count()}}--}}
                    </span>
                            <span class="badge badge-soft-success mt-n1">
                              new 0
                            </span>

                        </div>
                        <!-- Badge -->

                        <div class="col-auto">
                            <!-- Chart -->
                        {{--<div class="chart chart-sparkline">--}}
                        {{--<canvas class="chart-canvas" id="sparklineChart"></canvas>--}}
                        {{--</div>--}}
                        <!-- Icon -->
                            <span class="h2 fe fe-briefcase text-muted mb-0"></span>

                        </div>
                    </div> <!-- / .row -->
                </div>
            </div>

        </div>
        <div class="col-6 col-lg-6 col-xl">

            <!-- Time -->
            <div class="card">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col">

                            <!-- Title -->
                            <h6 class="text-uppercase text-muted mb-2">
                                Reservations
                            </h6>

                            <!-- Heading -->
                            <span class="h2 mb-0">
                             0
                            </span>
                            <span class="badge badge-soft-success mt-n1">
                              new 0
                            </span>
                        </div>
                        <div class="col-auto">

                            <!-- Icon -->
                            <span class="h2 fe fe-clock text-muted mb-0"></span>

                        </div>
                    </div> <!-- / .row -->
                </div>
            </div>

        </div>
    </div>
    {{--<div class="row">--}}
    {{--<div class="col-12 col-xl-4">--}}

    {{--<!-- Projects -->--}}
    {{--<div class="card card-fill">--}}
    {{--<div class="card-header">--}}

    {{--<!-- Title -->--}}
    {{--<h4 class="card-header-title">--}}
    {{--Latest Checkins--}}
    {{--<Members></Members>--}}
    {{--</h4>--}}

    {{--<!-- Link -->--}}
    {{--<a href="{{route('binshopsblog.admin.index')}}" class="small">View all</a>--}}

    {{--</div>--}}
    {{--<div class="card-body">--}}
    {{--<!-- List group -->--}}
    {{--<div class="list-group list-group-flush my-n3">--}}
    {{--@foreach(\BinshopsBlog\Models\BinshopsPostTranslation::orderBy("created_at","desc")->limit(5)->get() as $post)--}}

    {{--<div class="list-group-item">--}}
    {{--<div class="row align-items-center">--}}
    {{--<div class="col-auto">--}}

    {{--<!-- Avatar -->--}}
    {{--<a href="project-overview.html" class="avatar avatar-4by3">--}}
    {{--<img--}}
    {{--src="{{asset('blog_images/'.$post->image_medium)}}" alt="..."--}}
    {{--class="avatar-img rounded">--}}
    {{--<img src="{{asset('assets/backassets/img/avatars/projects/project-1.jpg')}}"--}}
    {{--alt="..." class="avatar-img rounded">--}}
    {{--</a>--}}

    {{--</div>--}}
    {{--<div class="col ml-n2">--}}

    {{--<!-- Title -->--}}
    {{--<h4 class="mb-1">--}}
    {{--<a href="{{url('/en/blog/'.$post->slug)}}">{{$post->title}}</a>--}}
    {{--</h4>--}}

    {{--<!-- Time -->--}}
    {{--<p class="card-text small text-muted">--}}
    {{--<time datetime="{{$post->updated_at}}">Updated {{$post->updated_at}}</time>--}}
    {{--</p>--}}

    {{--</div>--}}
    {{--<div class="col-auto">--}}

    {{--<!-- Dropdown -->--}}
    {{--<div class="dropdown">--}}
    {{--<a href="#" class="dropdown-ellipses dropdown-toggle" role="button"--}}
    {{--data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
    {{--<i class="fe fe-more-vertical"></i>--}}
    {{--</a>--}}
    {{--<div class="dropdown-menu dropdown-menu-right">--}}
    {{--<a href="#!" class="dropdown-item">--}}
    {{--Action--}}
    {{--</a>--}}
    {{--<a href="#!" class="dropdown-item">--}}
    {{--Another action--}}
    {{--</a>--}}
    {{--<a href="#!" class="dropdown-item">--}}
    {{--Something else here--}}
    {{--</a>--}}
    {{--</div>--}}
    {{--</div>--}}

    {{--</div>--}}
    {{--</div> <!-- / .row -->--}}
    {{--</div>--}}
    {{--@endforeach--}}
    {{--</div>--}}

    {{--</div> <!-- / .card-body -->--}}
    {{--</div> <!-- / .card -->--}}
    {{--</div>--}}
    {{--<div class="col-12 col-lg-8">--}}

    {{--<!-- Card -->--}}
    {{--<div class="card card-fill">--}}
    {{--<div class="card-header">--}}

    {{--<!-- Title -->--}}
    {{--<h4 class="card-header-title">--}}
    {{--Notification List--}}
    {{--</h4>--}}

    {{--<!-- Button -->--}}
    {{--<a class="small" href="#!">View all</a>--}}

    {{--</div>--}}
    {{--<div class="card-body">--}}

    {{--<!-- List group -->--}}
    {{--<div class="list-group list-group-flush my-n3">--}}
    {{--<div class="list-group-item">--}}
    {{--<div class="row">--}}
    {{--<div class="col-auto">--}}

    {{--<!-- Avatar -->--}}
    {{--<div class="avatar avatar-sm">--}}
    {{--<div class="avatar-title font-size-lg bg-primary-soft rounded-circle text-primary">--}}
    {{--<i class="fe fe-mail"></i>--}}
    {{--</div>--}}
    {{--</div>--}}

    {{--</div>--}}
    {{--<div class="col ml-n2">--}}

    {{--<!-- Text -->--}}
    {{--<p class="small mb-0">--}}
    {{--<strong>Olumide James From Kabba, Kogi</strong> Just registered for the 2021--}}
    {{--Youth Competition.--}}
    {{--</p>--}}

    {{--<!-- Time -->--}}
    {{--<small class="text-muted">--}}
    {{--11m ago--}}
    {{--</small>--}}

    {{--</div>--}}
    {{--</div> <!-- / .row -->--}}
    {{--</div>--}}
    {{--<div class="row">--}}
    {{--<div class="col-auto">--}}

    {{--<!-- Avatar -->--}}
    {{--<div class="avatar avatar-sm">--}}
    {{--<div class="avatar-title font-size-lg bg-primary-soft rounded-circle text-primary">--}}
    {{--<i class="fe fe-mail"></i>--}}
    {{--</div>--}}
    {{--</div>--}}

    {{--</div>--}}
    {{--<div class="col ml-n2">--}}

    {{--<!-- Text -->--}}
    {{--<p class="small mb-0">--}}
    {{--<strong>New Email | info@dvaang.com: </strong> Request For New Team Signup--}}
    {{--Competition.--}}
    {{--</p>--}}

    {{--<!-- Time -->--}}
    {{--<small class="text-muted">--}}
    {{--11m ago--}}
    {{--</small>--}}

    {{--</div>--}}
    {{--</div> <!-- / .row -->--}}
    {{--<div class="list-group-item">--}}
    {{--<div class="row">--}}
    {{--<div class="col-auto">--}}

    {{--<!-- Avatar -->--}}
    {{--<div class="avatar avatar-sm">--}}
    {{--<div class="avatar-title font-size-lg bg-primary-soft rounded-circle text-primary">--}}
    {{--<i class="fe fe-archive"></i>--}}
    {{--</div>--}}
    {{--</div>--}}

    {{--</div>--}}
    {{--<div class="col ml-n2">--}}

    {{--<!-- Text -->--}}
    {{--<p class="small mb-0">--}}
    {{--<strong>Omada Samson</strong> Deleted His Post.--}}
    {{--</p>--}}

    {{--<!-- Time -->--}}
    {{--<small class="text-muted">--}}
    {{--2h ago--}}
    {{--</small>--}}

    {{--</div>--}}
    {{--</div> <!-- / .row -->--}}
    {{--</div>--}}
    {{--<div class="list-group-item">--}}
    {{--<div class="row">--}}
    {{--<div class="col-auto">--}}

    {{--<!-- Avatar -->--}}
    {{--<div class="avatar avatar-sm">--}}
    {{--<div class="avatar-title font-size-lg bg-primary-soft rounded-circle text-primary">--}}
    {{--<i class="fe fe-briefcase"></i>--}}
    {{--</div>--}}
    {{--</div>--}}

    {{--</div>--}}
    {{--<div class="col ml-n2">--}}

    {{--<!-- Text -->--}}
    {{--<p class="small mb-0">--}}
    {{--<strong>2 New Likes For Your Post:</strong> A Successful Work Life is Planned.--}}
    {{--</p>--}}

    {{--<!-- Time -->--}}
    {{--<small class="text-muted">--}}
    {{--24m ago--}}
    {{--</small>--}}

    {{--</div>--}}
    {{--</div> <!-- / .row -->--}}
    {{--</div>--}}
    {{--</div>--}}

    {{--</div>--}}
    {{--</div>--}}

    {{--</div>--}}
    {{--</div> <!-- / .row -->--}}
    <div class="container-fluid">
        {{--<div class="row">--}}
        <div class="row">
            <div class="col-12">
                <!-- Goals -->
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col">
                                <!-- Title -->
                                <h4 class="card-header-title">
                                    Checkins
                                </h4>

                            </div>
                            <div class="col-auto">
                                <!-- Button -->
                                <a href="#!" class="btn btn-sm btn-white">
                                    Today
                                </a>
                                <!-- Button -->
                                <a href="#!" class="btn btn-sm btn-white">
                                    Last 7 Days
                                </a>
                                <!-- Button -->
                                <a href="#!" class="btn btn-sm btn-white">
                                    All
                                </a>
                                <!-- Button -->
                                <a href="#!" class="btn btn-sm btn-white">
                                    Export
                                </a>
                            </div>
                        </div> <!-- / .row -->
                    </div>
                    <div class="table-responsive mb-0"
                         data-list="{&quot;valueNames&quot;: [&quot;goal-project&quot;, &quot;goal-status&quot;, &quot;goal-progress&quot;, &quot;goal-date&quot;]}">
                        <table class="table table-sm table-nowrap card-table">
                            <thead>
                            <tr>
                                <th>
                                    <a href="#" class="text-muted list-sort" data-sort="goal-project">
                                        Customer
                                    </a>
                                </th>
                                <th>
                                    <a href="#" class="text-muted list-sort" data-sort="goal-project">
                                        Gender
                                    </a>
                                </th>
                                <th>
                                    <a href="#" class="text-muted list-sort" data-sort="goal-status">
                                        Phone
                                    </a>
                                </th>
                                <th>
                                    <a href="#" class="text-muted list-sort" data-sort="goal-status">
                                        Room
                                    </a>
                                </th>
                                <th>
                                    <a href="#" class="text-muted list-sort" data-sort="goal-status">
                                        Channel
                                    </a>
                                </th>
                                <th>
                                    <a href="#" class="text-muted list-sort" data-sort="goal-progress">
                                        Checkin Date
                                    </a>
                                </th>
                                <th>
                                    <a href="#" class="text-muted list-sort" data-sort="goal-date">
                                        CheckOut Date
                                    </a>
                                </th>
                                <th>
                                    <a href="#" class="text-muted list-sort" data-sort="goal-date">
                                        Amount
                                    </a>
                                </th>
                                <th>
                                    <a href="#" class="text-muted list-sort" data-sort="goal-date">
                                        Discount
                                    </a>
                                </th>
                                <th>
                                    <a href="#" class="text-muted list-sort" data-sort="goal-date">
                                        Review
                                    </a>
                                </th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody class="list">
                            @forelse(\App\Models\CheckIn::all()->take(10) as $checkin)
                                <tr>
                                    <td class="goal-project">
                                        {{$checkin->customer_firstname . ' '. $checkin->customer_lastname}}
                                    </td>
                                    <td class="goal-project">
                                        {{$checkin->customer_gender}}
                                    </td>
                                    <td class="goal-project">
                                        {{$checkin->phone}}
                                    </td>
                                    <td class="goal-project">
                                        {{$checkin->room_id}}
                                    </td>
                                    <td class="goal-project">
                                        {{$checkin->pay_channel}}
                                    </td>
                                    <td class="goal-project">
                                        {{$checkin->checkin_date}}
                                    </td>
                                    <td class="goal-project">
                                        {{ \Carbon\Carbon::parse($checkin->checkin_date)->addDays($checkin->number_of_days)}}
                                    </td>
                                    <td class="goal-project">
                                        {{ number_format($checkin->amount, 2) }}
                                    </td>
                                    <td class="goal-project">
                                        {{ $checkin->discount}}
                                    </td>
                                    <td class="goal-project">
                                        -
                                    </td>

                                    <td class="text-right">
                                        <div class="dropdown">
                                            <a href="#" class="dropdown-ellipses dropdown-toggle" role="button"
                                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="fe fe-more-vertical"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a href="#!" class="dropdown-item">
                                                    Checkout
                                                </a>
                                                <a href="#!" class="dropdown-item">
                                                    Change
                                                </a>
                                                <a href="#!" class="dropdown-item">
                                                    Cancel
                                                </a>
                                            </div>
                                        </div>
                                    </td>

                                </tr>
                            @empty
                                <h6>No Checkins Available</h6>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
        </div> <!-- / .row -->
    </div>

</div>