@extends('backend.layout.app')

@section('content')
<div class="page-content py-4">
    <div class="container-fluid">

        <div class="d-flex justify-content-between align-items-center mb-4">
            <h3 class="fw-bold">All Exams</h3>
            <a href="{{ route('admin.exam.create') }}" class="btn btn-primary fw-semibold">
                + Add Exam
            </a>
        </div>

        <div class="row g-4">
            @forelse ($exams as $exam)
                <div class="col-md-6 col-lg-4">
                    <div class="card shadow-sm border-0 rounded-4" id="examCard_{{ $exam->id }}">
                        <div class="card-header bg-primary t d-flex justify-content-between align-items-center">
                            <h5 class="mb-0 text-white">{{ $exam->title }}</h5>
                        
                        </div>
                        <div class="card-body" >
                            <p><strong>Course:</strong> {{ $exam->course->title ?? 'N/A' }}</p>

                            <p><strong>Start:</strong> {{ \Carbon\Carbon::parse($exam->start_time)->format('d M, Y H:i') }}</p>
                            <p><strong>End:</strong> {{ \Carbon\Carbon::parse($exam->end_time)->format('d M, Y H:i') }}</p>
                            <p><strong>Duration:</strong> {{ $exam->duration_minutes }} minutes</p>
                            <p><strong>Total Marks:</strong> {{ $exam->total_marks }}</p>
                            <p> <strong>Status:</strong>   <span class="badge bg-{{ $exam->status == 'active' ? 'success' : ($exam->status == 'inactive' ? 'secondary' : 'warning') }}">
                                {{ ucfirst($exam->status) }}
                            </span></p>
                       


                        </div>
                        <div class="card-footer d-flex justify-content-between">
                            <a href="{{route('admin.exam.edit',$exam->id)}}" class="btn btn-sm btn-warning">
                                   <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                        fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
                                        <path
                                            d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z">
                                        </path>
                                        <path fill-rule="evenodd"
                                            d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z">
                                        </path>
                                    </svg>
                                Edit</a>
                            <a href="{{ route('admin.exam.result', $exam->id) }}" class="btn btn-sm btn-info d-inline-flex align-items-center" aria-label="View result">
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bar-chart-fill me-1" viewBox="0 0 16 16" role="img" aria-hidden="true">
    <path d="M1 0h1v15H1V0zm4 4h1v11H5V4zm4 2h1v9H9V6zm4 5h1v4h-1V11z"/>
  </svg>
  Result
</a>

                            <a href="javascript:void(0)" class="btn btn-sm btn-danger deleteButton"
                               data-url="{{route('admin.exam.destroy',$exam->id)}}"
                               data-parentid="examCard_{{ $exam->id }}">
                               <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    class="bi bi-trash3-fill" viewBox="0 0 16 16">
                                    <path
                                        d="M11 1.5v1h3.5a.5.5 0 0 1 0 1h-.538l-.853 10.66A2 2 0 0 1 11.115 16h-6.23a2 2 0 0 1-1.994-1.84L2.038 3.5H1.5a.5.5 0 0 1 0-1H5v-1A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5m-5 0v1h4v-1a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5M4.5 5.029l.5 8.5a.5.5 0 1 0 .998-.06l-.5-8.5a.5.5 0 1 0-.998.06m6.53-.528a.5.5 0 0 0-.528.47l-.5 8.5a.5.5 0 0 0 .998.058l.5-8.5a.5.5 0 0 0-.47-.528M8 4.5a.5.5 0 0 0-.5.5v8.5a.5.5 0 0 0 1 0V5a.5.5 0 0 0-.5-.5">
                                    </path>
                                </svg>
                               Delete
                            </a>
                        </div>
                    </div>
                </div>
            @empty
                <div class="col-12">
                    <p class="text-center text-muted">No exams found. <a href="{{ route('admin.exam.create') }}">Add a new exam</a></p>
                </div>
            @endforelse
        </div>

    </div>
</div>
@endsection