@extends('layouts.app')
@section('title', 'Academic Sessions')
@section('content')

<div class="mb-4">
    <h4 class="page-title">Academic Sessions</h4>
    <p class="page-subtitle">
        The calendar terms teaching runs in — for example 20262 (Mac–Julai 2026),
        20263 (short semester), 20264 (Oktober 2026–Februari 2027).
    </p>
</div>

<div class="alert alert-light border d-flex align-items-start gap-2 small">
    <i class="bi bi-info-circle mt-1"></i>
    <div>
        A session is <strong>when</strong> teaching happens; a
        <a href="{{ route('admin.semesters.index') }}" class="alert-link">programme semester</a>
        is <strong>where</strong> a student is in the syllabus. A student from intake
        “Mac 2026” sits in Year 1 Semester 2 <em>during</em> session 20262.
        New assessments are stamped automatically with the session covering their date.
    </div>
</div>

@if($errors->any())
<div class="alert alert-danger"><ul class="mb-0 small">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
@endif

@if($unstamped > 0)
<div class="alert alert-warning d-flex flex-wrap align-items-center gap-2">
    <i class="bi bi-exclamation-triangle"></i>
    <div class="flex-grow-1 small">
        <strong>{{ number_format($unstamped) }}</strong> assessment(s) carry no academic session —
        they were recorded before sessions existed, or fall outside every session's dates.
    </div>
    @can('sessions.manage')
    <form method="POST" action="{{ route('admin.sessions.backfill') }}">
        @csrf
        <button class="btn btn-sm btn-warning">
            <i class="bi bi-magic me-1"></i>Match them to sessions by date
        </button>
    </form>
    @endcan
</div>
@endif

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-body p-0 table-responsive">
                <table class="table align-middle mb-0">
                    <thead>
                        <tr>
                            <th>Session</th>
                            <th style="width:12rem">Dates</th>
                            <th class="text-center" style="width:6rem">Type</th>
                            <th class="text-center" style="width:7rem">Status</th>
                            <th class="text-center" style="width:7rem">Assessments</th>
                            <th class="text-end" style="width:5rem"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($sessions as $session)
                        @php
                            $status = $session->status();
                            $tone = ['active' => 'success', 'upcoming' => 'info', 'closed' => 'secondary', 'undated' => 'warning'][$status];
                            $stamped = $assessmentCounts[$session->id] ?? 0;
                        @endphp
                        <tr>
                            <td>
                                <div class="d-flex align-items-center gap-2">
                                    <code class="fw-bold">{{ $session->code }}</code>
                                    @if($session->is_current)
                                    <span class="badge bg-primary">Current</span>
                                    @endif
                                </div>
                                <div class="small text-muted">{{ $session->name }}</div>
                            </td>
                            <td class="small">
                                @if($session->starts_on && $session->ends_on)
                                {{ $session->starts_on->format('d M Y') }}<br>
                                <span class="text-muted">to {{ $session->ends_on->format('d M Y') }}</span>
                                <div class="text-muted" style="font-size:.7rem">{{ $session->weeks() }} weeks</div>
                                @else
                                <span class="text-muted fst-italic">no dates set</span>
                                @endif
                            </td>
                            <td class="text-center">
                                <span class="badge bg-{{ $session->type === 'short' ? 'warning' : 'secondary' }}-subtle
                                             text-{{ $session->type === 'short' ? 'warning' : 'secondary' }}-emphasis">
                                    {{ ucfirst($session->type) }}
                                </span>
                            </td>
                            <td class="text-center">
                                <span class="badge bg-{{ $tone }}-subtle text-{{ $tone }}-emphasis">{{ ucfirst($status) }}</span>
                            </td>
                            <td class="text-center">
                                <span class="badge bg-secondary-subtle text-secondary-emphasis">{{ number_format($stamped) }}</span>
                            </td>
                            <td class="text-end">
                                @can('sessions.manage')
                                <button class="btn btn-sm btn-outline-primary" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#edit{{ $session->id }}">
                                    <i class="bi bi-pencil"></i>
                                </button>
                                @endcan
                            </td>
                        </tr>
                        @can('sessions.manage')
                        <tr>
                            <td colspan="6" class="p-0 border-0">
                                <div class="collapse" id="edit{{ $session->id }}">
                                    <div class="proc-history">
                                        <form method="POST" action="{{ route('admin.sessions.update', $session) }}" class="row g-2 align-items-end">
                                            @csrf @method('PUT')
                                            <div class="col-6 col-md-2">
                                                <label class="form-label">Code</label>
                                                <input type="text" name="code" class="form-control form-control-sm" value="{{ $session->code }}" required>
                                            </div>
                                            <div class="col-6 col-md-3">
                                                <label class="form-label">Name</label>
                                                <input type="text" name="name" class="form-control form-control-sm" value="{{ $session->name }}" required>
                                            </div>
                                            <div class="col-6 col-md-2">
                                                <label class="form-label">Starts</label>
                                                <input type="date" name="starts_on" class="form-control form-control-sm" value="{{ $session->starts_on?->toDateString() }}">
                                            </div>
                                            <div class="col-6 col-md-2">
                                                <label class="form-label">Ends</label>
                                                <input type="date" name="ends_on" class="form-control form-control-sm" value="{{ $session->ends_on?->toDateString() }}">
                                            </div>
                                            <div class="col-6 col-md-2">
                                                <label class="form-label">Type</label>
                                                <select name="type" class="form-select form-select-sm">
                                                    <option value="regular" @selected($session->type === 'regular')>Regular</option>
                                                    <option value="short" @selected($session->type === 'short')>Short</option>
                                                </select>
                                            </div>
                                            <div class="col-12 col-md-auto">
                                                <div class="form-check form-switch">
                                                    <input type="hidden" name="is_current" value="0">
                                                    <input type="checkbox" class="form-check-input" name="is_current" value="1"
                                                           id="cur{{ $session->id }}" @checked($session->is_current)>
                                                    <label class="form-check-label small" for="cur{{ $session->id }}">Current</label>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <button class="btn btn-sm btn-primary">Save changes</button>
                                            </div>
                                        </form>

                                        @if(($assessmentCounts[$session->id] ?? 0) === 0)
                                        {{-- Separate form: a delete needs its own method spoof, which a
                                             formaction button on the update form cannot provide. --}}
                                        <form method="POST" action="{{ route('admin.sessions.destroy', $session) }}" class="mt-2"
                                              onsubmit="return confirm('Delete session {{ $session->code }}?')">
                                            @csrf @method('DELETE')
                                            <button class="btn btn-sm btn-outline-danger">Delete this session</button>
                                        </form>
                                        @else
                                        <div class="form-text mt-2">
                                            Recorded against {{ $assessmentCounts[$session->id] }} assessment(s), so it cannot be deleted.
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </td>
                        </tr>
                        @endcan
                        @empty
                        <tr><td colspan="6" class="text-center text-muted py-5">
                            <i class="bi bi-calendar3 d-block fs-4 mb-2 opacity-50"></i>
                            No academic sessions defined yet.
                        </td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        @can('sessions.manage')
        <div class="card mb-3">
            <div class="card-header bg-transparent fw-semibold">Add a session</div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.sessions.store') }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label" for="code">Code <span class="text-danger">*</span></label>
                        <input type="text" id="code" name="code" class="form-control font-monospace"
                               value="{{ old('code') }}" placeholder="20262" required>
                        <div class="form-text">UiTM format: year then term, e.g. 20262.</div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="sname">Name <span class="text-danger">*</span></label>
                        <input type="text" id="sname" name="name" class="form-control"
                               value="{{ old('name') }}" placeholder="Mac – Julai 2026" required>
                    </div>
                    <div class="row g-2 mb-3">
                        <div class="col-6">
                            <label class="form-label" for="starts_on">Starts</label>
                            <input type="date" id="starts_on" name="starts_on" class="form-control" value="{{ old('starts_on') }}">
                        </div>
                        <div class="col-6">
                            <label class="form-label" for="ends_on">Ends</label>
                            <input type="date" id="ends_on" name="ends_on" class="form-control" value="{{ old('ends_on') }}">
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="type">Type</label>
                        <select id="type" name="type" class="form-select">
                            <option value="regular">Regular semester</option>
                            <option value="short" @selected(old('type') === 'short')>Short semester</option>
                        </select>
                    </div>
                    <div class="form-check form-switch mb-3">
                        <input type="hidden" name="is_current" value="0">
                        <input type="checkbox" class="form-check-input" role="switch" id="is_current" name="is_current" value="1">
                        <label class="form-check-label small" for="is_current">Make this the current session</label>
                    </div>
                    <button class="btn btn-primary w-100"><i class="bi bi-plus-lg me-1"></i>Add session</button>
                </form>
            </div>
        </div>
        @endcan

        <div class="card">
            <div class="card-header bg-transparent fw-semibold">Current session</div>
            <div class="card-body">
                @if($current)
                <div class="d-flex align-items-center gap-2 mb-1">
                    <code class="fw-bold fs-6">{{ $current->code }}</code>
                    <span class="badge bg-{{ $current->type === 'short' ? 'warning' : 'secondary' }}-subtle
                                 text-{{ $current->type === 'short' ? 'warning' : 'secondary' }}-emphasis">
                        {{ ucfirst($current->type) }}
                    </span>
                </div>
                <div class="small">{{ $current->name }}</div>
                @if($current->starts_on && $current->ends_on)
                <div class="small text-muted mt-1">
                    {{ $current->starts_on->format('d M Y') }} – {{ $current->ends_on->format('d M Y') }}
                </div>
                @endif
                <div class="form-text mt-2">New assessments are stamped with this session.</div>
                @else
                <div class="small text-muted">
                    No session covers today, and none is flagged as current.
                    New assessments will be recorded without a session.
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection