@extends('layouts.app')

@section('title', $programData['title'] . ' - Thriving Lives')

@section('content')
<header class="page-header text-center text-white d-flex align-items-center justify-content-center">
    <div class="container">
        <h1 class="display-4 fw-bold">{{ $programData['title'] }}</h1>
        @if($program === 'diploma')
            <p class="lead">Accredited by the Allied Health Practitioners Council of Zimbabwe & Ministry of Higher and Tertiary Education</p>
        @elseif($program === 'usa-certificate')
            <p class="lead">Offered by TIMFA Christian University</p>
        @endif
    </div>
</header>

<section class="py-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                {{-- Diploma-specific content --}}
                @if($program === 'diploma')
                <div class="mb-5">
                    <h3>Program Overview</h3>
                    <p><strong>Duration:</strong> {{ $programData['duration'] }}</p>
                    <p><strong>First Year:</strong> {{ $programData['first_year_details'] }}</p>
                    <p><strong>Second Year:</strong> {{ $programData['second_year_details'] }}</p>
                </div>
                
                <div class="mb-5">
                    <h3>Course Structure</h3>
                    @foreach($programData['modules'] as $semester => $modules)
                        <h4 class="mt-4">{{ $semester }}</h4>
                        <ul class="list-group">
                            @foreach($modules as $module)
                            <li class="list-group-item">{{ $module }}</li>
                            @endforeach
                        </ul>
                    @endforeach
                </div>
                @endif

                {{-- USA Certificate-specific content --}}
                @if($program === 'usa-certificate')
                <div class="mb-5">
                    <h3>Course Outline</h3>
                    <div class="row">
                        @foreach(array_chunk($programData['modules'], (int)ceil(count($programData['modules']) / 2)) as $chunk)
                            <div class="col-md-6">
                                <ul class="list-unstyled">
                                    @foreach($chunk as $module)
                                        <li><i class="fas fa-check text-success me-2"></i>{{ $module }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endforeach
                    </div>
                </div>

                <div class="mb-5">
                    <h3>Who Should Attend</h3>
                    <p>
                        @foreach($programData['who_should_attend'] as $who)
                            <span class="badge bg-secondary me-1 mb-1">{{ $who }}</span>
                        @endforeach
                    </p>
                </div>
                @endif

            </div>

            <div class="col-lg-4">
                {{-- Diploma-specific sidebar --}}
                @if($program === 'diploma')
                <div class="card shadow-sm mb-4">
                    <div class="card-body">
                        <h4 class="card-title">Program Fees</h4>
                        <p><strong>Application Fee:</strong> {{ $programData['application_fee'] }}</p>
                        <p><strong>Tuition:</strong> {{ $programData['price_per_student'] }} / student</p>
                        <p><strong>Exam Fees:</strong> {{ $programData['exam_fees'] }}</p>
                        <p class="text-success">{{ $programData['payment_terms'] }}</p>
                    </div>
                </div>

                <div class="card shadow-sm">
                    <div class="card-body">
                        <h4 class="card-title">Course Activities</h4>
                        <ul class="list-unstyled">
                        @foreach($programData['course_activities'] as $activity)
                            <li><i class="fas fa-check text-success me-2"></i>{{ $activity }}</li>
                        @endforeach
                        </ul>
                        <a href="{{ route('admissions.application') }}" class="btn btn-primary w-100 mt-3">Apply Now</a>
                    </div>
                </div>
                @endif

                {{-- USA Certificate-specific sidebar --}}
                @if($program === 'usa-certificate')
                 <div class="card shadow-sm mb-4">
                    <div class="card-body">
                        <h4 class="card-title">Course Details</h4>
                        <p><strong>Part 1:</strong> {{ $programData['part_1_dates'] }}</p>
                        <p><strong>Part 2:</strong> {{ $programData['part_2_dates'] }}</p>
                        <p><strong>Schedule:</strong> {{ $programData['schedule'] }}</p>
                        <p><strong>Delivery:</strong> {{ $programData['delivery'] }}</p>
                        <hr>
                        <p><strong>Tuition:</strong> <span class="fw-bold fs-5">{{ $programData['price_per_student'] }}</span></p>
                        <p class="text-success">{{ $programData['payment_terms'] }}</p>
                        <hr>
                        <p class="fw-bold text-danger">Registration Deadline: {{ $programData['registration_deadline'] }}</p>
                        <a href="{{ route('admissions.index') }}" class="btn btn-primary w-100 mt-3">View Registration & Banking Details</a>
                    </div>
                </div>
                <div class="card shadow-sm">
                    <div class="card-body">
                        <h4 class="card-title">Faculty</h4>
                        <p><strong>Executive Affiliate:</strong><br>{{ $programData['executive_affiliate'] }}</p>
                        <p><strong>Presidents (TIMFA USA):</strong><br>{{ $programData['presidents'] }}</p>
                    </div>
                </div>
                @endif

            </div>
        </div>
    </div>
</section>
@endsection

@push('styles')
<style>
    .page-header {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.pexels.com/photos/267507/pexels-photo-267507.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') no-repeat center center;
        background-size: cover;
        min-height: 40vh;
    }
</style>
@endpush