@extends('layouts.master')

@section('content')

<div class="main-container mt-3 mb-3">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">

                <!-- Featured Image -->
                <div class="post-image">
                    <figure class="image-anime">
                        <img src="{{ $program->image_url }}"
                             alt="{{ $program->title }}"
                             loading="lazy" decoding="async"
                             onerror="this.onerror=null;this.src='{{ asset('assets/images/post-1.jpg') }}';">
                    </figure>
                </div>

                <!-- Content -->
                <div class="post-content">
                    <div class="post-entry">

                     @if($program->icon)
                        <span class="blog-detail-cat wow fadeInUp">{{ $program->icon }} Program</span>
                    @endif
                    <h1 class="text-anime-style-3" data-cursor="-opaque">{{ $program->title }}</h1>

                        @if($program->excerpt)
                            <p class="lead"><strong>{{ $program->excerpt }}</strong></p>
                        @endif

                        {!! $program->description !!}
                    </div>

                    <div class="blog-detail-back wow fadeInUp" data-wow-delay="0.3s">
                        <a href="{{ route('programs') }}" class="subscribe">
                            <i class="fa-solid fa-arrow-left-long"></i> Back to Programs
                        </a>
                        <a href="{{ url('/support-us') }}" class="subscribe">Support This Work</a>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

@endsection