@extends('layouts.app')

@section('title','Programmes')
@section('page-title','Programmes')
@section('page-description','Manage programme profiles and the Table 4 modules linked to each programme.')
@section('page-badge', $programmeStats['total'].' total')

@section('actions')
    <a class="btn btn-light" href="{{ route('imports.programmes.template') }}" title="Download programme CSV template"><i class="bi bi-download"></i> <span>Template</span></a>
    <a class="btn btn-light" href="{{ route('exports.programmes') }}" title="Export programme data"><i class="bi bi-file-earmark-arrow-down"></i> <span>Export CSV</span></a>
    <a class="btn btn-outline-primary" href="{{ route('imports.form') }}#programme-import"><i class="bi bi-file-earmark-arrow-up"></i> <span>Import CSV</span></a>
    <a class="btn btn-primary" href="{{ route('programmes.create') }}"><i class="bi bi-plus-lg"></i> <span>New Programme</span></a>
@endsection

@section('content')
<div class="summary-grid">
    <div class="summary-tile">
        <span class="summary-icon"><i class="bi bi-mortarboard-fill"></i></span>
        <span class="summary-copy"><strong>{{ $programmeStats['total'] }}</strong><span>Total programmes</span></span>
    </div>
    <div class="summary-tile">
        <span class="summary-icon success"><i class="bi bi-check-circle-fill"></i></span>
        <span class="summary-copy"><strong>{{ $programmeStats['active'] }}</strong><span>Active programmes</span></span>
    </div>
    <div class="summary-tile">
        <span class="summary-icon slate"><i class="bi bi-pause-circle-fill"></i></span>
        <span class="summary-copy"><strong>{{ $programmeStats['inactive'] }}</strong><span>Inactive programmes</span></span>
    </div>
    <div class="summary-tile">
        <span class="summary-icon alt"><i class="bi bi-diagram-3-fill"></i></span>
        <span class="summary-copy"><strong>{{ $programmeStats['module_links'] }}</strong><span>Programme-module links</span></span>
    </div>
</div>

<form class="toolbar-card" method="GET" action="{{ route('programmes.index') }}">
    <div class="search-control">
        <i class="bi bi-search"></i>
        <input class="form-control" name="search" value="{{ request('search') }}" placeholder="Search code, programme or faculty">
    </div>
    <div class="filter-control">
        <select class="form-select" name="status">
            <option value="">All statuses</option>
            <option value="active" @selected(request('status') === 'active')>Active</option>
            <option value="inactive" @selected(request('status') === 'inactive')>Inactive</option>
        </select>
    </div>
    <button class="btn btn-outline-primary" type="submit"><i class="bi bi-funnel"></i> Filter</button>
    @if(request()->filled('search') || request()->filled('status'))
        <a class="btn btn-light" href="{{ route('programmes.index') }}" title="Clear filters"><i class="bi bi-x-lg"></i></a>
    @endif
</form>

<div class="data-card">
    <div class="data-card-head">
        <div>
            <h2>Programme Directory</h2>
            <p>Open a programme to review its details and associated syllabus records.</p>
        </div>
        <span class="data-card-meta">Showing {{ $programmes->firstItem() ?? 0 }}–{{ $programmes->lastItem() ?? 0 }} of {{ $programmes->total() }}</span>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle">
            <thead>
                <tr>
                    <th>Code</th>
                    <th>Programme</th>
                    <th>Academic Level</th>
                    <th>Table 4</th>
                    <th>Status</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
            @forelse($programmes as $p)
                <tr>
                    <td><span class="table-code">{{ $p->code }}</span></td>
                    <td>
                        <span class="table-primary-text">{{ $p->name }}</span>
                        <span class="table-secondary-text">{{ $p->faculty }}</span>
                    </td>
                    <td>
                        <span class="table-primary-text">{{ $p->level }}</span>
                        <span class="table-secondary-text">{{ $p->mqf_level ? 'MQF '.$p->mqf_level : 'MQF not specified' }}{{ $p->total_credits ? ' · '.$p->total_credits.' credits' : '' }}</span>
                    </td>
                    <td><span class="soft-badge primary"><i class="bi bi-journal-text"></i>{{ $p->syllabi_count }} {{ \Illuminate\Support\Str::plural('module', $p->syllabi_count) }}</span></td>
                    <td><span class="soft-badge {{ $p->status === 'active' ? 'success' : 'muted' }}"><i class="bi bi-circle-fill" style="font-size:5px"></i>{{ ucfirst($p->status) }}</span></td>
                    <td class="text-end text-nowrap">
                        <span class="action-group">
                            <a class="btn btn-sm btn-outline-primary" href="{{ route('programmes.show',$p) }}"><i class="bi bi-eye"></i> View</a>
                            <a class="icon-action" href="{{ route('programmes.edit',$p) }}" title="Edit programme"><i class="bi bi-pencil"></i></a>
                        </span>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="6">
                        <div class="empty-table-state">
                            <span class="empty-icon"><i class="bi bi-mortarboard"></i></span>
                            <strong>No programmes found</strong>
                            <span>Try changing the search/filter or create a new programme.</span>
                        </div>
                    </td>
                </tr>
            @endforelse
            </tbody>
        </table>
    </div>
    {{ $programmes->links() }}
</div>
@endsection