@extends('layouts.site')

@section('content')
@if ($preview)<div class="bg-violet px-5 py-2 text-center text-sm text-white">Preview. This page is not published.</div>@endif
<section class="on-dark section !pb-16"><div class="wrap max-w-4xl">
    <p class="eyebrow"><a class="hover:text-lilac" href="{{ route('academy.index') }}">Academy</a></p>
    <h1 class="display !text-5xl sm:!text-6xl">{{ $course->title }}</h1>
    @if ($course->summary)<p class="lead mt-6">{{ $course->summary }}</p>@endif
    @unless ($preview)<a href="{{ route('learn.courses.show', $course->slug) }}" class="btn btn-primary mt-8">{{ $course->access->value === 'free' ? 'Enrol for free' : 'See how to enrol' }} @include('partials.arrow')</a>@endunless
</div></section>
<section class="on-light section !py-14"><div class="wrap max-w-3xl">
    <h2 class="h3">What is in the course</h2>
    @forelse ($course->courseModules as $m)
        <div class="mt-6"><h3 class="font-display text-lg text-violet">{{ $m->title }}</h3>
            <ul>@foreach ($m->lessons as $l)<li class="rule-row !py-3"><span>{{ $l->title }}</span></li>@endforeach</ul></div>
    @empty
        <p class="mt-4 text-muted">The lesson list is coming soon.</p>
    @endforelse
</div></section>
<x-cta-band headline="Want help applying *this*?" sub="Tell us what you are working on and we will point you to the right next step." />
@endsection