@extends('admin.layout.app')
@section('title', 'Workflow Wizard – Complete Student Journey')

@section('body')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <h2 class="fw-bold">🎓 Student Lifecycle Wizard</h2>
            <p class="text-muted">Follow these steps in order – from registration to transcript. Each step links to the corresponding page.</p>
            @if($hasDemoData)
                <div class="alert alert-info">
                    <i class="fas fa-check-circle me-2"></i> <strong>Demo data is already loaded!</strong> Steps 1–7 are already completed for the fake students. You can still perform the actions manually to practise.
                </div>
            @endif
        </div>
    </div>

    <div class="row">
        @foreach($steps as $step)
            <div class="col-md-6 col-lg-4 mb-4">
                <div class="card h-100 shadow-sm border-0 rounded-4 {{ in_array($step['id'], $stepsDone) ? 'border-success border-2' : '' }}">
                    <div class="card-body">
                        <div class="d-flex align-items-start gap-3">
                            <div class="rounded-circle bg-{{ $step['color'] }} bg-opacity-10 p-3">
                                <i class="{{ $step['icon'] }} fa-2x text-{{ $step['color'] }}"></i>
                            </div>
                            <div class="flex-grow-1">
                                <h5 class="card-title">{{ $step['title'] }}</h5>
                                <p class="card-text text-muted small">{{ $step['description'] }}</p>
                                @if(isset($step['note']))
                                    <small class="text-warning"><i class="fas fa-info-circle"></i> {{ $step['note'] }}</small><br>
                                @endif
                                <div class="mt-2">
                                    @if($step['id'] == 7 && isset($step['is_student']))
                                        <span class="badge bg-secondary">Student action</span>
                                    @endif
                                    @if(in_array($step['id'], $stepsDone))
                                        <span class="badge bg-success"><i class="fas fa-check"></i> Done (demo)</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer bg-white border-0 pb-3">
                        @php
                            $routeExists = !empty($step['route']) && app('router')->has($step['route']);
                        @endphp
                        @if($routeExists)
                            <a href="{{ route($step['route']) }}" class="btn btn-outline-{{ $step['color'] }} rounded-pill w-100">
                                <i class="fas fa-arrow-right me-1"></i> Go to {{ $step['title'] }}
                            </a>
                        @else
                            <button class="btn btn-outline-secondary rounded-pill w-100" disabled>
                                <i class="fas fa-exclamation-triangle me-1"></i> Route missing
                            </button>
                        @endif
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="row mt-4">
        <div class="col-12">
            <div class="card border-0 shadow-sm rounded-4">
                <div class="card-header bg-white fw-bold">📋 Your Demo Seeder Status</div>
                <div class="card-body">
                    <p>The <code>LmsDemoDataSeeder</code> you provided already:</p>
                    <ul>
                        <li>✅ Created 1 admin, 10 teachers, 20 students (4 failing semester3, 2 graduates, 14 normal).</li>
                        <li>✅ Set up 2 programs, 8 semesters each, 3 courses per semester, exam types (Midterm/Final), grade scales (A–F).</li>
                        <li>✅ Generated enrollments, marks, results, GPA, attendance, and fees for all students.</li>
                        <li>✅ Each student has a complete academic record (semester results, transcripts ready).</li>
                    </ul>
                    <p>So you can immediately <strong>test the full workflow</strong> without entering any data manually.</p>
                    <p>When you need to add real students, follow the steps in the order shown above. Once you enter marks for a course, always go to <strong>Step 6 (Process Semester Results)</strong> to publish GPAs.</p>
                    <div class="alert alert-light border">
                        <i class="fas fa-lightbulb text-warning"></i> <strong>Pro tip:</strong> Use the <strong>Student Onboarding Wizard</strong> (you asked earlier) to combine steps 1-2-3 into a single form. Ask me if you need that integrated here.
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection