@extends('layouts.dashboard')

@section('title', $academicYear->name)

@section('page-content')
<div class="mb-6">
    <div class="flex items-center space-x-2 text-sm text-gray-600 mb-2">
        <a href="{{ route('academic-years.index') }}" class="hover:text-gray-900">Academic Years</a>
        <span>/</span>
        <span class="text-gray-900">{{ $academicYear->name }}</span>
    </div>
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-bold text-gray-900">{{ $academicYear->name }}</h1>
            @if($academicYear->is_current)
            <span class="mt-2 inline-block px-2 py-1 text-xs font-semibold text-green-800 bg-green-100 rounded-full">
                Current Year
            </span>
            @endif
        </div>
        @can('manage-academic-setup')
        <a href="{{ route('academic-years.edit', $academicYear) }}" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
            Edit Academic Year
        </a>
        @endcan
    </div>
</div>

<!-- Academic Year Information -->
<div class="bg-white rounded-lg shadow-sm p-6 mb-6">
    <h2 class="text-lg font-semibold text-gray-900 mb-4">Academic Year Information</h2>
    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div>
            <label class="block text-sm font-medium text-gray-500 mb-1">Academic Year</label>
            <p class="text-gray-900">{{ $academicYear->name }}</p>
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-500 mb-1">Status</label>
            <span class="px-2 py-1 text-sm rounded-full 
                {{ $academicYear->is_current ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800' }}">
                {{ $academicYear->is_current ? 'Current' : 'Inactive' }}
            </span>
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-500 mb-1">Start Date</label>
            <p class="text-gray-900">{{ $academicYear->start_date->format('M d, Y') }}</p>
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-500 mb-1">End Date</label>
            <p class="text-gray-900">{{ $academicYear->end_date->format('M d, Y') }}</p>
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-500 mb-1">Duration</label>
            <p class="text-gray-900">{{ $academicYear->start_date->diffInDays($academicYear->end_date) }} days</p>
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-500 mb-1">Total Semesters</label>
            <p class="text-gray-900">{{ $academicYear->semesters->count() }}</p>
        </div>
    </div>
</div>

<!-- Semesters -->
@if($academicYear->semesters->count() > 0)
<div class="bg-white rounded-lg shadow-sm p-6">
    <h2 class="text-lg font-semibold text-gray-900 mb-4">Semesters</h2>
    <div class="space-y-4">
        @foreach($academicYear->semesters as $semester)
        <div class="border border-gray-200 rounded-lg p-4 hover:border-blue-500 transition">
            <div class="flex items-center justify-between">
                <div>
                    <h3 class="font-semibold text-gray-900">{{ $semester->name }}</h3>
                    <p class="text-sm text-gray-600">
                        {{ $semester->start_date->format('M d, Y') }} - {{ $semester->end_date->format('M d, Y') }}
                    </p>
                </div>
                <a href="{{ route('semesters.show', $semester) }}" class="text-blue-600 hover:text-blue-900">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                    </svg>
                </a>
            </div>
        </div>
        @endforeach
    </div>
</div>
@else
<div class="bg-white rounded-lg shadow-sm p-6 text-center">
    <p class="text-gray-600">No semesters have been created for this academic year yet.</p>
    @can('manage-academic-setup')
    <a href="{{ route('semesters.create') }}" class="mt-4 inline-block px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
        Add Semester
    </a>
    @endcan
</div>
@endif
@endsection