@php
use App\Models\Attendance;
use Carbon\Carbon;

$admin = auth()->guard('web')->id();
$today = Carbon::today();

$attendance = Attendance::where('user_id', $admin)
->whereDate('presence', $today)
->whereNull('absence')
->first();

@endphp

<input type="hidden" name="_token" value="dummy_csrf_token_value">

<div class="d-flex flex-column flex-column-fluid">
    <style>
        .swal2-popup {
            width: 100%;
            max-width: 400px;
            padding: 20px;
            border-radius: 8px;
            background-color: #f8d7da;
            text-align: center;
        }

        .swal-title {
            font-size: 24px;
            font-weight: bold;
        }

        .swal-content {
            font-size: 16px;
            color: #555;
        }

        .btn-light {
            background-color: #f8f9fa;
            color: #6c757d;
        }

        .btn-danger {
            background-color: #d33;
            color: white;
        }

        .swal2-icon.swal2-error {
            color: #d33;
            font-size: 3rem;
        }

    </style>


    <!--begin::Toolbar-->
    <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
        <!--begin::Toolbar container-->
        <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
            <!--begin::Page title-->
            <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                <h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">Attendance</h1>
            </div>
            <!--end::Page title-->
        </div>
        <!--end::Toolbar container-->
    </div>
    <!--end::Toolbar-->

    <!--begin::Content-->
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <!--begin::Content container-->
        <div id="kt_app_content_container" class="app-container container-xxl">
            <!--begin::Card-->
            <div class="card card-flush">
                <!--begin::Card header-->
                <div class="card-header align-items-center py-5 gap-2 gap-md-5">


                    <!--begin::Filters-->
                    {{-- <div class="card-toolbar flex-row-fluid justify-content-end gap-5">

                        @if (!$attendance)
                        <button type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#cameraModal" data-action="presence">
                            Presence
                        </button>
                        @endif
                        @if ($attendance && is_null($attendance->absence))
                        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#cameraModal" data-action="absence">
                            Absence
                        </button>

                        @endif


                    </div> --}}
                    <!--end::Filters-->
                </div>
                <!--end::Card header-->

                <!--  Model Camera -->
                {{-- <div class="modal fade" id="cameraModal" tabindex="-1" aria-labelledby="cameraModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="cameraModalLabel"> Take Picture</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="close"></button>
                            </div>
                            <div class="modal-body text-center">
                                <video id="camera" width="100%" height="auto" autoplay></video>
                                <canvas id="canvas" style="display: none;"></canvas>
                                <img id="capturedImage" src="" class="img-fluid" style="display: none;" />

                                <div class="mt-3">
                                    <button id="captureBtn" class="btn btn-primary">Take</button>
                                    <button id="retryBtn" class="btn btn-warning" style="display: none;"> Retake</button>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                <button id="submitBtn" class="btn btn-success" style="display: none;">Mark</button>
                            </div>
                        </div>
                    </div>
                </div> --}}

                <!--begin::Card body-->
                <div class="card-body pt-0">
                    <!--begin::Table-->
                    <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_attendance_table">
                        <thead>
                            <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">


                                <th class="min-w-150px">Name</th>
                                <th class="min-w-100px">Presence </th>
                                <th class="min-w-100px">Presence </th>
                                <th class="min-w-100px">Avance</th>
                                <th class="min-w-100px">Absence Img</th>
                                <th class="min-w-100px">Total Hours</th>
                            </tr>
                        </thead>
                        <tbody class="fw-semibold text-gray-600">
                            @if($attendances->count() > 0)
                            @foreach ($attendances as $list)
                            <tr>
                                {{-- <td>{{ $list->user_id ?? '-' }}</td> --}}
                                <td>{{ $list->user->name ?? '-' }}</td>
                                {{-- <td>{{ $list->user_id ?? '-' }}</td>
                                <td>{{ $list->user->name ?? '-' }}</td> --}}
                                <td class="symbol symbol-50px symbol-circle">
                                    <img src="{{ Storage::url($list->image_prenses ?? '') }}" alt="" class="me-2 rounded-circle">
                                </td>
                                <td>{{ $list->presence ? \Carbon\Carbon::parse($list->presence)->format('l h:i A') : 'No Presence Time' }}</td>
                                <td>{{ $list->absence ? \Carbon\Carbon::parse($list->absence)->format('l h:i A') : 'No Absence Time' }}</td>
                                  <td class="symbol symbol-50px symbol-circle">
                                    <img src="{{ Storage::url($list->image_absence ?? '') }}" alt="" class="me-2 rounded-circle">
                                </td>
                                <td>
                                    @if ($list->total_work_minutes > 0)
                                        @php
                                            $hours = floor($list->total_work_minutes / 60);
                                            $minutes = $list->total_work_minutes % 60;
                                        @endphp

                                        @if ($list->total_work_minutes < 60)
                                            {{ $list->total_work_minutes }} Min
                                        @else
                                            {{ $hours }} {{ $hours == 1 ? 'Hour' : 'Hours' }}
                                            @if ($minutes > 0)
                                                {{ $minutes }} Min
                                            @endif
                                        @endif
                                    @else
                                        -
                                    @endif
                                </td>
                                    </tr>
                            @endforeach
                            @else
                            <tr>
                                <td colspan="9" class="text-center">Nothing in record</td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                    <!--end::Table-->

                    @if ($attendances->hasPages())
                    <ul class="pagination pagination-rounded mb-0">
                        <li class="page-item {{ $attendances->onFirstPage() ? 'disabled' : '' }}">
                            <a class="page-link" href="{{ $attendances->previousPageUrl() }}" aria-label="Previous">
                                <span aria-hidden="true">«</span>
                            </a>
                        </li>

                        @foreach ($attendances->links()->elements as $element)
                        @if (is_array($element))
                        @foreach ($element as $page => $url)
                        <li class="page-item {{ $page == $attendances->currentPage() ? 'active' : '' }}">
                            <a class="page-link" href="{{ $url }}&firstRequest=Attendacne">{{ $page }}</a>
                        </li>
                        @endforeach
                        @endif
                        @endforeach

                        <li class="page-item {{ !$attendances->hasMorePages() ? 'disabled' : '' }}">
                            <a class="page-link" href="{{ $attendances->nextPageUrl() }}" aria-label="Next">
                                <span aria-hidden="true">»</span>
                            </a>
                        </li>
                    </ul>
                    @endif

                </div>
                <!--end::Card body-->
            </div>
            <!--end::Card-->
        </div>
        <!--end::Content container-->
    </div>
    <!--end::Content-->
</div>