@extends('layouts.app')
@section('title', 'Academy')
@section('content')<main class="division-page academy-page"><section class="division-hero"><p class="eyebrow">JSP / 04</p><h1>Learn with<br><span>purpose.</span></h1><p>Practical training for people ready to sharpen their craft and widen what is possible.</p><a class="button" href="{{ route('academy.enroll') }}">Start a conversation <span>↗</span></a></section><section class="listing-grid">@forelse ($courses as $course)<a class="listing-card" href="{{ route('academy.courses.show', $course) }}"><div class="listing-image" style="background-image:url('{{ $course->image_url ?? 'https://images.unsplash.com/photo-1524178232363-1fb2b075b655?auto=format&fit=crop&w=900&q=80' }}')"></div><div><p class="eyebrow">{{ $course->category ?? 'Training programme' }}</p><h2>{{ $course->title }}</h2><p>{{ $course->duration ?? 'Flexible learning' }}</p></div></a>@empty<div class="empty-state"><p class="eyebrow">Learning library</p><h2>New programmes are being developed.</h2><p>Reach out to hear about upcoming practical training.</p></div>@endforelse</section></main>@endsection