@extends('backend.layout.app')

@section('content')
    <div class="page-content">
        <div class="row">
            <div class="col-md-12">

                <div class="card">

                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-striped my-table2  no-footer display nowrap" style="width:100%" id="datatable_exam_result">
                                <thead class="thead-dark">
                                <tr>
                                    <th>Rank</th>
                                    <th>Name</th>
                                    <th>Phone</th>
                                    <th>Institute</th>
                                    <th>Score</th>
                                    <th>Total Marks</th>
                                    <th>Created At</th>
                                    <th>Finished At</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($examResult as $index => $result)
                                    <tr >
                                       <td>
    @php
        $rankEmojis = ['🥇', '🥈', '🥉'];
    @endphp

    @if(isset($rankEmojis[$index]))
        {{ $rankEmojis[$index] }} {{ $index + 1 }}{{ match($index) { 0 => 'st', 1 => 'nd', 2 => 'rd', default => 'th' } }}
    @else
        {{ $index + 1 }}th
    @endif
</td>

                                        <td>{{ $result->name }}</td>
                                        <td>{{ $result->phone ?? 'N/A' }}</td>
                                        <td>{{ $result->institute_name ?? 'N/A' }}</td>
                                        <td>{{ $result->score }}</td>
                                        <td>{{ $result->total_marks }}</td>
                             <td>{{ \Carbon\Carbon::parse($result->created_at)->format('d, l, h:i A') }}</td>
<td>{{ \Carbon\Carbon::parse($result->finished_at)->format('d, l, h:i A') }}</td>

                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center text-muted">No results found for this exam.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                                <tbody>
                                    

                           
                        </td>
                        </tr>
                        </tbody>
                        </table>
                    </div>
                </div>
            </div>

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

    @push('js')
        <script src="https://cdn.datatables.net/buttons/2.4.1/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.print.min.js"></script>

<!-- PDFMake (required for PDF export) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
@push('js')
<script>
$(document).ready(function() {
    $('#datatable_exam_result').DataTable({
        dom: 'Bfrtip', // Enable buttons
        buttons: [
            'copy', 'csv', 'excel',
            {
                extend: 'pdfHtml5',
                title: 'Exam Results',
                orientation: 'landscape',
                pageSize: 'A4',
                exportOptions: {
                    columns: ':visible' // export all visible columns
                }
            },
            'print'
        ],
        scrollX: true, // horizontal scroll for wide tables
    });
});
</script>
@endpush

    @endpush


@endsection