@extends("admin.template.layout")

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">

        <!-- Ajax Sourced Server-side -->
    <!-- Ajax Sourced Server-side -->
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">{{$mode ?? $page_heading}}</h5>

        </div>
        <div class="card-body">
            @if(session('error'))
                <div class="alert alert-danger">
                    {{ session('error') }}
                </div>
            @endif            
            <div class="row">
                <div class="col-md-12">
                    <table class="table table-striped">
                        <tbody>
                            <tr>
                                <td><strong>Venue</strong></td>
                                <td colspan="5">{{ $checkIns->first()->venue_name ?? '' }}</td>
                            </tr>
                            <tr>
                                <td><strong>User Name</strong></td>
                                <td colspan="5">{{ $checkIns->first()->user_name ?? '' }}</td>
                            </tr>
                            <tr>
                                <td><strong>Check In Time</strong></td>
                                <td>{{ $checkIns->first()->check_in_time ?? '' }}</td>
                                <td><strong>Check Out Time</strong></td>
                                <td>{{ $checkIns->first()->check_out_time ?? '' }}</td>
                                <td><strong>Status</strong></td>
                                @php
                                $status = isset($checkIns->first()->status) ? $checkIns->first()->status : null;
                                $badge = ($status=='checked_in') ? 'badge badge-success' : 'badge badge-warning';
                                $text = $status=='checked_in' ? 'Checked in' : 'Checked out';
                                @endphp
                                <td><span class="{{$badge}}">{{$text}}</span></td>
                            </tr>
                            <tr>
                                <td><strong>Time Spent</strong></td>
                                <td colspan="5">{{ $checkIns->first()->time_spent ?? '' }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!--/ Ajax Sourced Server-side -->
</div>

        <!--/ Ajax Sourced Server-side -->
    </div>
@stop
@section('script')
    <script>
        jQuery(document).ready(function () {

            App.initTreeView();

        })
    </script>
@stop