@extends('layouts.training_centre_layout')

@section('content')
<!-- [ Page Header ] start -->
<x-page-header title="Assessment Details" button="" backButton="true" />

<!-- [ Page Header ] end -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header py-3">
                <div class="d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">{{ $assessment->assessment_name ?? 'Web Development Final Assessment' }}</h5>
                    <div class="d-flex gap-2">
                        <a href="" class="btn btn-outline btn-sm">
                            <i class="fas fa-edit me-1"></i>Edit
                        </a>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <!-- Assessment Status Badge -->
                    <div class="col-12 mb-4">
                        @php
                        $statusClass = match('scheduled') {
                        'scheduled' => 'bg-info',
                        'ongoing' => 'bg-warning',
                        'completed' => 'bg-success',
                        'cancelled' => 'bg-danger',
                        'postponed' => 'bg-secondary',
                        default => 'bg-info'
                        };
                        @endphp
                        <span class="badge {{ $statusClass }} px-3 py-2 fs-6">
                            <i class="fas fa-circle me-1"></i>
                            {{ ucfirst($assessment->assessment_status ?? 'Scheduled') }}
                        </span>
                    </div>

                    <!-- Basic Information -->
                    <div class="col-md-6 col-12 mb-3">
                        <div class="info-group">
                            <label class="info-label">Batch</label>
                            <div class="info-value">
                                <i class="fas fa-users text-primary me-2"></i>
                                {{ $assessment->batch->name ?? 'Web Development - Batch 1' }}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-12 mb-3">
                        <div class="info-group">
                            <label class="info-label">Assessment Date</label>
                            <div class="info-value">
                                <i class="fas fa-calendar text-primary me-2"></i>
                                {{ $assessment && $assessment->assessment_date ? \Carbon\Carbon::parse($assessment->assessment_date)->format('F j, Y') : 'March 15, 2024' }}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-12 mb-3">
                        <div class="info-group">
                            <label class="info-label">Assessor</label>
                            <div class="info-value">
                                <i class="fas fa-user-tie text-primary me-2"></i>
                                {{ $assessment->assessor ?? 'Dr. Rajesh Kumar' }}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-12 mb-3">
                        <div class="info-group">
                            <label class="info-label">Duration</label>
                            <div class="info-value">
                                <i class="fas fa-clock text-primary me-2"></i>
                                {{ $assessment && $assessment->assessment_start_time ? \Carbon\Carbon::parse($assessment->assessment_start_time)->format('h:i A') : '09:00 AM' }}
                                -
                                {{ $assessment && $assessment->assessment_end_time ? \Carbon\Carbon::parse($assessment->assessment_end_time)->format('h:i A') : '12:00 PM' }}
                                @php
                                $startTime = $assessment && $assessment->assessment_start_time ? \Carbon\Carbon::parse($assessment->assessment_start_time) : \Carbon\Carbon::parse('09:00');
                                $endTime = $assessment && $assessment->assessment_end_time ? \Carbon\Carbon::parse($assessment->assessment_end_time) : \Carbon\Carbon::parse('12:00');
                                $duration = $startTime->diffInHours($endTime);
                                @endphp
                                <span class="text-muted">({{ $duration }} hours)</span>
                            </div>
                        </div>
                    </div>

                    <!-- Description -->
                    @if($assessment->assessment_description ?? true)
                    <div class="col-12 mb-3">
                        <div class="info-group">
                            <label class="info-label">Assessment Description</label>
                            <div class="info-value">
                                <div class="description-box">
                                    {{ 'Comprehensive final assessment covering HTML, CSS, JavaScript, and PHP fundamentals. Students will be required to build a complete web application demonstrating their understanding of full-stack development principles.' }}
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                    <!-- Action Buttons -->
                    <div class="col-12 mt-4">
                        <div class="d-flex gap-2 flex-wrap">
                            <a href="" class="btn btn-primary">
                                <i class="fas fa-chart-bar me-1"></i> Create Result
                            </a>
                            <a href="" class="btn btn-danger">
                                <i class="fas fa-chart-bar me-1"></i> View Result
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('pages-scripts')
<script>

</script>
@endsection