@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($checkins as $userCheckins)
            @php
            // Filter check-ins for both IN, OUT, IN (OT), and OUT (OT)
            $userCheckinsFiltered = $userCheckins->whereIn('checkin_type', ['IN', 'OUT', 'IN (OT)', 'OUT (OT)']);

            // Separate the check-ins based on their type
            $inCheckin = $userCheckinsFiltered->firstWhere('checkin_type', 'IN');
            $outCheckin = $userCheckinsFiltered->firstWhere('checkin_type', 'OUT');
            $inOTCheckin = $userCheckinsFiltered->firstWhere('checkin_type', 'IN (OT)');
            $outOTCheckin = $userCheckinsFiltered->firstWhere('checkin_type', 'OUT (OT)');
            @endphp

            <tr class="border-bottom" style="cursor: pointer;">
                <td class="align-middle text-left">
                    <b>{{ $userCheckins->first()->username }}</b><br>

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

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

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

                    @if($outOTCheckin)
                    <span class="text-warning">
                        <strong>OUT (OT):</strong> {{ \Carbon\Carbon::parse($outOTCheckin->checkin_datetime)->format('g:i A') }}
                    </span>
                    <br>
                    <small>
                        {{ $outOTCheckin->checkin_sublocality }}, {{ $outOTCheckin->checkin_locality }}
                    </small>
                    @endif
                </td>
            </tr>
            @empty
            <tr>
                <strong colspan="8" class="text-center text-danger">No check-ins or check-outs recorded for 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