@extends('layouts.public')
@section('title', 'Program | Kenya Diaspora Alliance')
@section('content')
    <style>
        .agenda-card {
            font-size: 16px;
            line-height: 1.5;
        }

        .agenda-table {
            font-size: 16px;
        }

        .agenda-table th {
            background: #8bc53f;
            color: #111;
            font-weight: 800;
        }

        .agenda-table td,
        .agenda-table th {
            padding: 10px;
        }

        .agenda-table .table-success th {
            background: #8bc53f;
        }

        .agenda-section-title {
            font-weight: 800;
            letter-spacing: 0.5px;
        }

        .agenda-em {
            background-color: #dff0d8;
        }

        .agenda-note {
            background-color: #f0f9ff;
        }

        .agenda-highlight {
            background: #8bc53f;
            color: #0b0b0b;
            font-weight: 800;
            padding: 6px 10px;
            border-radius: 4px;
        }

        .program-pdf-frame {
            width: 100%;
            height: 720px;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
        }
    </style>
    <div class="page-header">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="page-header-inner text-center">
                        <h1 class="page-title">
                            Program
                        </h1>
                        <ul>
                            <li>
                                <a class="active" href="{{ route('welcome') }}">Home</a>
                            </li>
                            <li>Program</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

<section class="section-padding"><div class="container">
    <h2>Programme overview</h2><p class="lead">{{ config('convention.theme') }}</p>
    <p>The sessions below are listed in the 2026 rate card. Detailed session times, speaker assignments and the final timetable will be announced.</p>
    <div class="row">
    @foreach([1 => 'Wednesday, 9 December 2026', 2 => 'Thursday, 10 December 2026', 3 => 'Friday, 11 December 2026'] as $day => $date)
        <div class="col-lg-4 mb-4"><article id="day-{{ $day }}" class="card border-0 shadow-sm mb-4 agenda-card p-4">
            <p class="convention-eyebrow">Day {{ $day }}</p><h3>{{ $date }}</h3>
            <ul>@foreach(config('convention.sessions') as $session) @if($session['day'] === $day)<li>{{ $session['name'] }}</li>@endif @endforeach</ul>
        </article></div>
    @endforeach
    </div>
    <h2>Signature programmes</h2>
    <p>Investment Deal Room · Women’s Economic Leadership Forum · Youth Innovation Track · Government Commitment Session.</p>
    <p>Reception, investor breakfast and virtual participation sponsorships are also available. Scheduling details will be confirmed by the Secretariat.</p>
    <div class="convention-actions"><a class="btn btn-success" href="{{ route('registrations') }}">Register your interest</a><a class="btn btn-outline-success" href="{{ route('partners') }}#rate-sessions">Sponsor a session</a></div>
    @include('partials.convention-contact')
</div></section>
@endsection