@extends('layouts.userapp')

@section('content')

@php
use Carbon\Carbon;
@endphp

<h1 class="gradient-text">Whereabout</h1>

<div class="card mt-3" style="border-radius: 20px;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
    <div class="card-header">
        <h5>Today Attendance</h5>
    </div>

    <div class="card-body">

        <table class="table text-center table-borderless table-hover">
            @php $no = 0; @endphp
     
            @forelse($processedCheckins as $checkin)
                <tr class="border-bottom" style="cursor: pointer;">
                    <td class="align-middle text-left">
                        <b>{{ $checkin['username'] }}</b><br>

                        @if($checkin['inCheckin'])
                        <span class="text-success">
                            <strong>IN:</strong> {{ \Carbon\Carbon::parse($checkin['inCheckin']->checkin_datetime)->format('g:i A') }}
                        </span>
                        <br>
                        <small>
                            {{ $checkin['inCheckin']->checkin_sublocality }}, {{ $checkin['inCheckin']->checkin_locality }}
                        </small>
                        <br>
                        @endif

                        @if($checkin['outCheckin'])
                        <span class="text-danger">
                            <strong>OUT:</strong> {{ \Carbon\Carbon::parse($checkin['outCheckin']->checkin_datetime)->format('g:i A') }}
                        </span>
                        <br>
                        <small>
                            {{ $checkin['outCheckin']->checkin_sublocality }}, {{ $checkin['outCheckin']->checkin_locality }}
                        </small>
                        <br>
                        @endif

                        @if($checkin['inOTCheckin'])
                        <span class="text-info">
                            <strong>IN (OT):</strong> {{ \Carbon\Carbon::parse($checkin['inOTCheckin']->checkin_datetime)->format('g:i A') }}
                        </span>
                        <br>
                        <small>
                            {{ $checkin['inOTCheckin']->checkin_sublocality }}, {{ $checkin['inOTCheckin']->checkin_locality }}
                        </small>
                        <br>
                        @endif

                        @if($checkin['outOTCheckin'])
                        <span class="text-warning">
                            <strong>OUT (OT):</strong> {{ \Carbon\Carbon::parse($checkin['outOTCheckin']->checkin_datetime)->format('g:i A') }}
                        </span>
                        <br>
                        <small>
                            {{ $checkin['outOTCheckin']->checkin_sublocality }}, {{ $checkin['outOTCheckin']->checkin_locality }}
                        </small>
                        @endif
                    </td>
                </tr>
                @empty
                <tr>
                    <strong class="text-center text-danger">No staff checkin yet today</strong>
                </tr>
                @endforelse




        </table>
    </div>
</div>




<div class="card mt-3" style="border-radius: 20px;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
    <div class="card-header">
        <h5>Not checkin yet</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table id="subcategoryTable" class="table table-bordered">
                <thead class="thead-dark">
                    <tr>
                        <th class="text-center">NO.</th>
                        <th>NAME</th>
                    </tr>
                </thead>
                <tbody>
                    @php $no = 0; @endphp
                    @foreach($notcheckin as $notcheckin)
                    <tr>
                        <td class="text-center">{{ ++$no }}</td>
                        <td>{{ $notcheckin->employee_first_name }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>





<div class="card mt-3" style="border-radius: 20px;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
    <div class="card-header">
        <h5>Today Absent Staff</h5>
    </div>

    <div class="card-body">

        <table class="table text-center table-borderless table-hover">
            @php $no = 0; @endphp

            @forelse($leave as $leave)
            <tr class="border-bottom" style="cursor: pointer;">
                <td class="align-middle text-left">
                    <b>{{ $leave->username }}</b><br>
                    <span class="text-primary">
                        <strong>{{ $leave->leavetype_name }}</strong> : {{ $leave->total_days }} DAYS
                    </span>
                </td>
            </tr>
            @empty
            <tr>
                <strong class="text-center text-danger">No staff take a leave today</strong>
            </tr>
            @endforelse



        </table>
    </div>
</div>

@endsection