@extends('layouts.new-admin')
@section('title')
Admin | Dashboard
@endsection
@section('content')

          <div class="page-title">
            <h3>Dashboard </h3>
          </div>
          <div id="container">
          <!-- <div class="row">
            <div class="col-md-3">
             <a href="{{route('admin.reservations.create')}}">
                <div class="grid-body no-border">
                  <div class="row">
                    <div class="col-md-12"> 
                        <div class="center-align grey-text white pb-2">
                            <i class="dashboard-icon material-icons blue-text center-align">settings</i>
                            <h4>Add <span class="semi-bold">Reservation</span></h4>
                        </div>
                    </div>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-md-3">
            <a href="{{route('admin.reservations.calendar')}}">
                <div class="grid-body no-border">
                  <div class="row">
                    <div class="col-md-12"> 
                        <div class="center-align grey-text white pb-2">
                            <i class="dashboard-icon material-icons blue-text center-align">airline_seat_individual_suite</i>
                            <h4>Rooms <span class="semi-bold"> View</span></h4>
                        </div>
                    </div>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-md-3">
            <a href="{{route('admin.checkin')}}">
                <div class="grid-body no-border">
                  <div class="row">
                    <div class="col-md-12"> 
                        <div class="center-align grey-text white pb-2">
                            <i class="dashboard-icon material-icons blue-text center-align">location_on</i>
                            <h4>Check <span class="semi-bold"> In</span></h4>
                        </div>
                    </div>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-md-3">
            <a  href="{{route('admin.checkout')}}">
                <div class="grid-body no-border">
                  <div class="row">
                    <div class="col-md-12"> 
                        <div class="center-align grey-text white pb-2">
                            <i class="dashboard-icon material-icons blue-text center-align">location_off</i>
                            <h4>Check <span class="semi-bold"> Out</span></h4>
                        </div>
                    </div>
                  </div>
                </div>
              </a>
            </div>
          </div>
          <div class="row">
            <div class="col-md-3">
             <a href="{{route('admin.arrivals.reports')}}">
                <div class="grid-body no-border" href="{{route('admin.reservations.create')}}">
                  <div class="row">
                    <div class="col-md-12"> 
                        <div class="center-align grey-text white pb-2">
                            <i class="dashboard-icon material-icons blue-text center-align">date_range</i>
                            <h4>Arrival <span class="semi-bold"> Report</span></h4>
                        </div>
                    </div>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-md-3">
            <a href="{{route('admin.inhouse.reports')}}">
                <div class="grid-body no-border" >
                  <div class="row">
                    <div class="col-md-12"> 
                        <div class="center-align grey-text white pb-2">
                            <i class="dashboard-icon material-icons blue-text center-align">home</i>
                            <h4>In-House <span class="semi-bold">Report</span></h4>
                        </div>
                    </div>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-md-3">
            <a href="{{route('admin.departure.reports')}}">
                <div class="grid-body no-border">
                  <div class="row">
                    <div class="col-md-12"> 
                        <div class="center-align grey-text white pb-2">
                            <i class="dashboard-icon material-icons blue-text center-align">data_exploration</i>
                            <h4>Departure <span class="semi-bold">Report</span></h4>
                        </div>
                    </div>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-md-3">
            <a href="{{route('admin.occupancy.reports')}}">
                <div class="grid-body no-border">
                  <div class="row">
                    <div class="col-md-12"> 
                        <div class="center-align grey-text white pb-2">
                            <i class="dashboard-icon material-icons blue-text center-align">books</i>
                            <h4>Occupancy <span class="semi-bold">Report</span></h4>
                        </div>
                    </div>
                  </div>
                </div>
              </a>
            </div>
          </div> -->
        
          <div class="row-fluid">
            <div class="span12">
              <div class="grid simple ">
                <div class="grid-title">
                  <h4>Booking <span class="semi-bold">Logs</span></h4>
                  <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" id="example3">
                    <thead>
                      <tr>
                      <th>Status</th>
                      <th>Detail</th>
                      </tr>
                    </thead>
                    <tbody>
                           @foreach ($bookingLogFiltered as $i => $log)
                               <tr>
                                   <td class="status-col"><span class="{{$log['color']}} status-label">{{$log['status']}}</span></td>
                                   <td>{!! $log['msg'] !!} <span class="log-time">{{$log['time']}}</span></td>
                               </tr>
                           @endforeach
                        </tbody>
                    </table>
                    @component('admin.includes.loader')
                    @endcomponent
                </div>
              </div>
            </div>
          </div>
          </div>
          <!-- END PAGE -->
        
        

    @component('admin.includes.loader')
    @endcomponent
@endsection