@extends('layouts.admin')

@section('title', 'Belt Test Details')

@section('content')
<div class="mb-9">
    <div class="row g-3 mb-4">
        <div class="col">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="{{ route('admin.belt-tests.index') }}">Belt Tests</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Test Details</li>
                </ol>
            </nav>
            <h2 class="mb-0">Belt Test Details</h2>
        </div>
        <div class="col-auto">
            <div class="btn-group" role="group">
                <a class="btn btn-phoenix-secondary" href="{{ route('admin.belt-tests.edit', $id) }}">
                    <span class="fas fa-edit me-1"></span>Edit
                </a>
                <a class="btn btn-primary" href="{{ route('admin.belt-tests.results', $id) }}">
                    <span class="fas fa-chart-bar me-1"></span>View Results
                </a>
            </div>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-12 col-xl-8">
            <div class="card">
                <div class="card-header border-bottom border-translucent">
                    <h5 class="mb-0">Sample Belt Test</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-12 col-md-6">
                            <h6 class="text-body-secondary mb-1">Belt Level</h6>
                            <p class="mb-0">
                                <span class="badge badge-phoenix badge-phoenix-primary fs-8">Yellow Belt</span>
                            </p>
                        </div>
                        
                        <div class="col-12 col-md-6">
                            <h6 class="text-body-secondary mb-1">Test Date</h6>
                            <p class="mb-0">{{ now()->addDays(30)->format('M d, Y') }}</p>
                        </div>
                        
                        <div class="col-12 col-md-6">
                            <h6 class="text-body-secondary mb-1">Status</h6>
                            <p class="mb-0">
                                <span class="badge badge-phoenix badge-phoenix-warning">Upcoming</span>
                            </p>
                        </div>
                        
                        <div class="col-12 col-md-6">
                            <h6 class="text-body-secondary mb-1">Participants</h6>
                            <p class="mb-0">0 students registered</p>
                        </div>
                        
                        <div class="col-12">
                            <h6 class="text-body-secondary mb-1">Description</h6>
                            <p class="mb-0">Sample belt test for demonstration purposes. This shows the structure of a typical belt advancement test.</p>
                        </div>
                        
                        <div class="col-12">
                            <h6 class="text-body-secondary mb-1">Test Requirements</h6>
                            <div class="bg-body-tertiary p-3 rounded">
                                <ul class="mb-0">
                                    <li>Basic stance and footwork</li>
                                    <li>Front kick and roundhouse kick</li>
                                    <li>Blocking techniques</li>
                                    <li>Basic forms (Poomsae)</li>
                                    <li>One-step sparring</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-12 col-xl-4">
            <div class="card">
                <div class="card-header border-bottom border-translucent">
                    <h6 class="mb-0">Test Management</h6>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a class="btn btn-outline-primary" href="#">
                            <span class="fas fa-user-plus me-1"></span>Add Participants
                        </a>
                        <a class="btn btn-outline-success" href="{{ route('admin.belt-tests.results', $id) }}">
                            <span class="fas fa-chart-line me-1"></span>Manage Results
                        </a>
                        <a class="btn btn-outline-info" href="#">
                            <span class="fas fa-print me-1"></span>Print Certificate
                        </a>
                        <hr>
                        <button class="btn btn-outline-danger" onclick="confirmDelete()">
                            <span class="fas fa-trash me-1"></span>Delete Test
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function confirmDelete() {
    if (confirm('Are you sure you want to delete this belt test? This action cannot be undone.')) {
        // Handle delete action
        alert('Delete functionality will be implemented');
    }
}
</script>
@endsection