@push('styles_top')
@endpush

<table id="certificatesTable" class="table table-hover table-row-dashed align-middle gs-0 gy-3 my-0">
    <thead>
        <tr class="">
            <th class="text-center fw-bold">Certificate ID</th>
            <th class="text-center fw-bold">Student Name</th>
            <th class="text-center fw-bold">Course Name</th>
            <th class="text-center fw-bold">Issue Date</th>
            <th class="text-center fw-bold">Days Remaining</th>
            <th class=""></th>
        </tr>
    </thead>
    <tbody>
        @foreach ($certificates as $certificate)
            <tr>
                <td class="text-center text-gray-800 px-2 rounded-start">
                    <span class="d-block fw-bold text-gray-800">{{ $certificate->unique_id }}</span>
                </td>
                <td class="text-center text-gray-800">
                    @php
                        $student = App\User::find($certificate->student_id);
                    @endphp
                    <span class="">{{ $student ? $student->full_name : 'Deleted User' }}</span>
                </td>
                <td class="text-center text-gray-800">
                    @php
                        $course = App\Models\Webinar::find($certificate->webinar_id);
                    @endphp
                    <span class="">{{ $course ? $course->title : 'Deleted Course' }}</span>
                </td>
                <td class="text-center text-gray-800">
                    {{ date('Y-m-d H:i', $certificate->created_at) }}
                </td>
                @php
                $expires_in = $certificate->expires_in;
                if ($expires_in > 90) {
                    $color = 'text-success';
                } elseif ($expires_in > 60) {
                    $color = 'text-warning';
                } else {
                    $color = 'text-danger';
                }
                @endphp
                <td class="text-center {{$color}}">
                    {{ $certificate->expires_in }} Days
                </td>
                <td class="text-center px-2 rounded-end">
                    <div class="dropdown">
                        <button class="btn btn-sm btn-light dropdown-toggle" type="button" id="actionsDropdown"
                            data-bs-toggle="dropdown" aria-expanded="false">
                            <i class="ki-outline ki-setting-2"></i>
                        </button>
                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="actionsDropdown">
                            <li>
                                <a class="dropdown-item" href="/certificate_validation/{{ $certificate->unique_id }}/download">
                                    View Certificate
                                </a>
                            </li>
                        </ul>
                    </div>
                </td>
            </tr>
        @endforeach
    </tbody>
</table>

@push('scripts_bottom')
@endpush