@extends('layouts.public')

@section('title', ($webinar->description ?: 'Webinar').' — SYSTRONICS')
@section('meta_description', ($webinar->description ?: 'SYSTRONICS webinar').' — live and recorded sessions on Sage 300 add-ons.')

@section('content')
    @include('public.partials.page-chrome', [
        'eyebrow' => 'Webinars',
        'title' => $webinar->description ?: ('Webinar #'.$webinar->id),
        'lede' => collect([
            $webinar->scheduledAt()?->format('Y-m-d H:i') ?: '—',
            $webinar->timezone ?: null,
            $webinar->product ?: null,
        ])->filter()->implode(' · '),
        'crumbs' => [
            ['label' => 'Home', 'url' => route('public.home')],
            ['label' => 'Webinars', 'url' => route('public.webinars.index')],
            ['label' => $webinar->description ?: ('Webinar #'.$webinar->id)],
        ],
        'tools' => [
            ['label' => 'Webinars', 'url' => route('public.webinars.index')],
            ['label' => 'Request a webinar', 'url' => route('public.webinars.request')],
        ],
    ])

    <section class="section">
        <div class="panel">
            @if ($webinar->presenter)
                <p class="lede" style="margin:0 0 18px">Presenter: {{ $webinar->presenter }}</p>
            @endif
            @if ($webinar->isUpcoming())
                <a class="btn btn--primary" href="{{ route('public.webinars.register', $webinar) }}">Register</a>
            @elseif ($webinar->youtube_link)
                <a class="btn btn--primary" href="{{ $webinar->youtube_link }}" target="_blank" rel="noopener">Watch recording</a>
            @else
                <p class="lede" style="margin:0">This session is no longer open for registration.</p>
            @endif
        </div>
    </section>

    <div class="cta">
        <div class="cta-dots"></div>
        <div class="cta-copy">
            <h2>Need a session for your team?</h2>
            <p>Tell us which products you want covered. We will contact you within two business days.</p>
        </div>
        <div class="cta-actions">
            <a class="solid" href="{{ route('public.webinars.request') }}">Request a webinar</a>
            <a class="ghost" href="{{ route('public.webinars.index') }}">All webinars</a>
        </div>
    </div>
@endsection