@extends("layouts.master")
@section("title", $program->title)

@section("content")
    <div class="breadcrumb-wrapper bg-cover" style="background-image: url({{ asset("assets/img/inner/breadcrumb.jpg") }});">
        <div class="container">
            <div class="page-heading">
                <div class="breadcrumb-sub-title">
                    <h1 class="wow fadeInUp" data-wow-delay=".3s">{{ $program->title }}</h1>
                </div>
                <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
                    <li><a href="{{ route("home") }}">Home</a></li>
                    <li><i class="fa-solid fa-chevron-right"></i></li>
                    <li><a href="{{ route("all-programs") }}">all Programs</a></li>
                    <li><i class="fa-solid fa-chevron-right"></i></li>
                    <li>{{ $program->title }}</li>
                </ul>
            </div>
        </div>
    </div>

    <section class="section-padding">
        <div class="container">
            <div class="row g-5 align-items-start">
                <div class="col-lg-7">
                    @if ($program->image)
                        <img src="{{ asset("storage/" . ltrim($program->image, "/")) }}" alt="{{ $program->title }}"
                            style="width:100%; margin-bottom:20px;">
                    @endif
                    <h3>{{ $program->subtitle ?: "Program Overview" }}</h3>
                    @if ($program->description)
                        <p  style="margin-bottom: 50px;">{!! nl2br($program->description) !!}</p>
                    @endif
                    @if ($program->category?->slug === "cpd-programs")
                        <a style="margin-top: 50px;"
                            href="{{ asset("assets/SETTING-UP-A-COMPANY-AND-GETTING-IT-STARTED-AND-BRIEFING-THE-DIRECTORS-OF-THEIR-RESPONSIBILITIES.pdf") }}"
                            class="theme-btn mb-3" target="_blank" rel="noopener" download>
                            Download PDF
                            <i class="fa-solid fa-download"></i>
                        </a>
                    @endif

                    @if ($program->module_table)
                        <h4 class="mt-4" style="margin-bottom: 20px;">Course Delivery</h4>
                        <p">{!! nl2br($program->module_table) !!}</p>
                    @endif
                </div>
                <div class="col-lg-5">
                    <div class="p-4" style="background:#f7f9fc; border:1px solid #e6eaf3;">
                        <h4>Course Details</h4>
                        <p><strong>Type:</strong> {{ $program->course_type ?: "-" }}</p>
                        <p><strong>Duration:</strong> {{ $program->duration ?: "-" }}</p>
                        <p><strong>Number Of Seats:</strong> {{ $program->seats ?: "-" }}</p>
                        <p><strong>Notional hours:</strong> {{ $program->study_hours ?: "-" }}</p>
                        <p><strong>Language:</strong> {{ $program->language ?: "-" }}</p>
                        <p class="mb-0"><strong>Levels:</strong> {{ $program->levels ?: "-" }}</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection