@extends('admin.layout.app')
@section('title', 'System Guidelines')

@section('body')
<div class="d-flex flex-column flex-lg-row justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h3 class="fw-bold mb-1">System Guidelines / User Guide</h3>
        <p class="text-muted mb-0">A simple step-by-step map for using the university management system from admission to graduation.</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.report-center.index') }}" class="btn btn-outline-primary rounded-pill">Report Center</a>
    </div>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="card border-0 shadow-sm rounded-4 h-100">
            <div class="card-body">
                <div class="text-muted small">Total Modules / Features</div>
                <div class="display-6 fw-bold">{{ $moduleCount }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-8">
        <div class="card border-0 shadow-sm rounded-4 h-100">
            <div class="card-body">
                <div class="fw-bold mb-2">Student Academic Lifecycle</div>
                <div class="d-flex flex-wrap gap-2">
                    @foreach($studentLifecycle as $step)
                        <span class="badge text-bg-light border px-3 py-2">{{ $step }}</span>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>

<div class="card border-0 shadow-sm rounded-4 mb-4">
    <div class="card-header bg-white border-0 fw-bold">Student Current Stage and Next Action</div>
    <div class="card-body table-responsive">
        <table class="table table-hover align-middle">
            <thead class="table-light"><tr><th>Student</th><th>Program</th><th>Current Stage</th><th>Next Required Action</th><th></th></tr></thead>
            <tbody>
                @forelse($studentStages as $row)
                    <tr>
                        <td>{{ $row['student']->name }}<br><small class="text-muted">{{ $row['student']->email }}</small></td>
                        <td>{{ $row['profile']?->program?->name ?? 'Not assigned' }}</td>
                        <td><span class="badge text-bg-primary">{{ $row['stage'] }}</span></td>
                        <td>{{ $row['next'] }}</td>
                        <td><a href="{{ $row['route'] }}" class="btn btn-sm btn-outline-primary">Go</a></td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted py-4">No student records available yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="row g-4">
    @foreach($modules as $module)
        <div class="col-xl-6">
            <div class="card border-0 shadow-sm rounded-4 h-100">
                <div class="card-body">
                    <div class="d-flex justify-content-between gap-3 mb-2">
                        <h5 class="fw-bold mb-0">{{ $module['name'] }}</h5>
                        <a href="{{ $module['route'] }}" class="btn btn-sm btn-outline-primary">Open</a>
                    </div>
                    <p class="text-muted mb-2">{{ $module['purpose'] }}</p>
                    <div class="small mb-3"><strong>Who can use it:</strong> {{ $module['users'] }}</div>
                    <ol class="mb-0 ps-3">
                        @foreach($module['steps'] as $step)
                            <li>{{ $step }}</li>
                        @endforeach
                    </ol>
                </div>
            </div>
        </div>
    @endforeach
</div>
@endsection