@extends('admin.layouts.mainlayout')

@section('title', 'Academic Year Management')

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

    {{-- Header --}}
    <div class="mb-4">
        <h1 class="h3 fw-bold">Academic Year Management</h1>
        <p class="text-muted mt-1">Manage academic years and marking periods</p>

        <!--<div class="mt-3">
            <a href="{{ route('academicyear.create') }}"
               class="btn btn-primary d-block d-md-inline-block fw-medium px-4 py-3 rounded-2">
                + Create Academic Year
            </a>
        </div>-->
    </div>

    {{-- Flash Messages --}}
    @if(session('success'))
        <div class="alert alert-success mb-4" role="alert">
            {{ session('success') }}
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger mb-4" role="alert">
            {{ session('error') }}
        </div>
    @endif

    {{-- Academic Years --}}
    <div class="d-flex flex-column gap-3">
        @forelse($academicYears as $year)

            <div class="border rounded shadow-sm p-3 p-md-4 {{ $year->is_active ? 'border-start border-4 border-success' : '' }}">

                {{-- Year Info --}}
                <div class="d-flex flex-column flex-md-row justify-content-between align-items-start gap-3">

                    <div>
                        <h5 class="fw-bold">
                            {{ $year->name }}
                        </h5>

                        {{-- Status --}}
                        <div class="mt-2">
                            @if($year->status === 'active')
                                <span class="badge bg-success">Active</span>
                            @elseif($year->status === 'completed')
                                <span class="badge bg-secondary">Completed</span>
                            @else
                                <span class="badge bg-info text-dark">Planned</span>
                            @endif
                        </div>

                        <div class="mt-3 small text-secondary">
                            <div><span class="fw-medium">Code:</span> {{ $year->code }}</div>
                            <div>
                                <span class="fw-medium">Duration:</span>
                                {{ \Carbon\Carbon::parse($year->start_date)->format('M d, Y') }}
                                —
                                {{ \Carbon\Carbon::parse($year->end_date)->format('M d, Y') }}
                            </div>
                        </div>
                    </div>

                    {{-- Actions --}}
                    <div class="d-flex flex-column gap-2 w-100 w-md-auto">
                        @if(!$year->is_active && $year->status !== 'completed')
                            <form action="{{ route('academicyear.activate', $year) }}"
                                  method="POST"
                                  onsubmit="return confirm('Activate {{ $year->code }}?')">
                                @csrf
                                <button type="submit"
                                        class="btn btn-success btn-sm w-100">
                                    Activate Year
                                </button>
                            </form>
                        @endif

                        <a href="{{ route('academicyear.show', $year) }}"
                           class="btn btn-primary btn-sm w-100">
                            View Details
                        </a>
                    </div>
                </div>

                {{-- Marking Periods --}}
                <div class="mt-4 border-top pt-4">
                    <h6 class="fw-semibold text-secondary text-uppercase small mb-3">
                        Marking Periods
                    </h6>

                    <div class="row g-3">
                        @foreach($year->markingPeriods as $period)

                            <div class="col-12 col-md-6">
                                <div class="bg-light border rounded p-3">

                                    <div class="d-flex justify-content-between align-items-center">
                                        <div class="fw-medium">
                                            {{ $period->name }}
                                        </div>

                                        @if($period->pivot->is_active)
                                            <span class="badge bg-success">Active</span>
                                        @else
                                            <span class="badge bg-secondary">Inactive</span>
                                        @endif
                                    </div>

                                    <div class="small text-secondary mt-2">
                                        Sequence {{ $period->pivot->sequence }} <br>
                                        {{ \Carbon\Carbon::parse($period->pivot->start_date)->format('M d, Y') }}
                                        —
                                        {{ \Carbon\Carbon::parse($period->pivot->end_date)->format('M d, Y') }}
                                    </div>

                                    @if($year->is_active && !$period->pivot->is_active)
                                        <form action="{{ route('academicyear.activate-period', [$year, $period]) }}"
                                              method="POST"
                                              class="mt-3"
                                              onsubmit="return confirm('Activate {{ $period->name }}?')">
                                            @csrf
                                            <button type="submit"
                                                    class="btn btn-primary btn-sm w-100">
                                                Activate Period
                                            </button>
                                        </form>
                                    @endif

                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>

        @empty
            <div class="card shadow-sm p-5 text-center">
                <h5 class="fw-semibold mb-2">
                    No Academic Years Found
                </h5>
                <p class="text-muted small mb-4">
                    Get started by creating your first academic year.
                </p>
                <a href="{{ route('academicyear.create') }}" 
                   class="btn btn-primary d-block d-md-inline-block fw-medium rounded-2 px-4 py-2">
                  Create Academic Year
                </a>
            </div>
        @endforelse
    </div>

</div>
@endsection