@extends('public.layout.app') {{-- if you have front.layout.app, replace it --}}
@section('title', $program->name)

@section('body')
<section class="section pt-5">
    <div class="container">

        {{-- Header --}}
        <div class="glass shadow-soft p-4 p-lg-5 mb-4">
            <div class="d-flex flex-wrap justify-content-between align-items-start gap-3">
                <div>
                    <a href="{{ route('front.programs.index') }}" class="btn btn-outline-light btn-sm mb-3">
                        <i class="fa-solid fa-arrow-left me-1"></i> {{ __('front.back_to_list_2') }}
                    </a>

                    <div class="d-flex flex-wrap gap-2 mb-2">
                        @if($program->department)
                            <span class="badge-soft">
                                <i class="fa-solid fa-diagram-project me-1"></i>
                                {{ $program->department->name }}
                            </span>
                        @endif

                        @if(optional($program->department)->faculty)
                            <span class="badge-soft">
                                <i class="fa-solid fa-layer-group me-1"></i>
                                {{ $program->department->faculty->name }}
                            </span>
                        @endif

                        @if(optional($program->department?->faculty)->university)
                            <span class="badge-soft">
                                <i class="fa-solid fa-building-columns me-1"></i>
                                {{ $program->department->faculty->university->name }}
                            </span>
                        @endif

                        @if($program->code)
                            <span class="badge-soft">
                                <i class="fa-solid fa-hashtag me-1"></i>{{ $program->code }}
                            </span>
                        @endif
                    </div>

                    <h2 class="fw-extrabold mb-0" style="letter-spacing:-.02em;">
                        {{ $program->name }}
                    </h2>
                    <p class="text-muted2 mb-0 mt-2">
                        {{ __('front.program_details_and_its_relations_department_faculty_un') }}
                    </p>
                </div>

                <div class="text-end">
                    @if($program->department_id)
                        <a class="btn btn-info-soft"
                           href="{{ route('front.programs.index', ['department_id' => $program->department_id]) }}">
                            <i class="fa-solid fa-filter me-1"></i> {{ __('front.more_from_same_department') }}
                        </a>
                    @endif
                </div>
            </div>
        </div>

        <div class="row g-3">
            {{-- Main --}}
            <div class="col-lg-8">
                <div class="card-soft shadow-soft p-3 p-lg-4">
                    <h5 class="fw-bold mb-3">
                        <i class="fa-regular fa-id-card me-1 text-muted2"></i> {{ __('front.program_info') }}
                    </h5>

                    <div class="alert alert-soft mb-0">
                        <div class="d-flex flex-wrap gap-2">
                            <span class="badge-soft">
                                <span class="text-muted2">{{ __('front.name') }}</span>
                                <strong class="ms-1">{{ $program->name }}</strong>
                            </span>

                            <span class="badge-soft">
                                <span class="text-muted2">{{ __('front.code') }}</span>
                                <strong class="ms-1">{{ $program->code ?? '—' }}</strong>
                            </span>

                            <span class="badge-soft">
                                <span class="text-muted2">{{ __('front.created') }}</span>
                                <strong class="ms-1">{{ optional($program->created_at)->format('Y-m-d') }}</strong>
                            </span>

                            <span class="badge-soft">
                                <span class="text-muted2">{{ __('front.updated_2') }}</span>
                                <strong class="ms-1">{{ optional($program->updated_at)->format('Y-m-d') }}</strong>
                            </span>
                        </div>
                    </div>

                    @if($program->information)
                        <div class="mt-3">
                            <h5 class="fw-bold mb-3">
                                <i class="fa-regular fa-circle-info me-1 text-muted2"></i> Program information
                            </h5>
                            <div class="text-muted2" style="line-height:1.9">
                                {!! nl2br(e($program->information)) !!}
                            </div>
                        </div>
                    @endif
                </div>

                <div class="card-soft shadow-soft p-3 p-lg-4 mt-3">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h5 class="fw-bold mb-0">
                            <i class="fa-solid fa-list-check me-1 text-muted2"></i> Curriculum and course structure
                        </h5>
                        <span class="badge-soft">{{ $program->semesters->count() }} semesters</span>
                    </div>

                    @php
                        $totalCourses = $program->semesters->sum(fn($semester) => $semester->courses->count());
                        $totalCredits = $program->semesters->sum(fn($semester) => $semester->courses->sum('credit_hours'));
                    @endphp

                    <div class="row g-3 mb-3">
                        <div class="col-sm-4"><div class="glass p-3"><div class="text-muted2 small">Duration</div><strong>{{ $program->semesters->count() ?: 'Flexible' }} semesters</strong></div></div>
                        <div class="col-sm-4"><div class="glass p-3"><div class="text-muted2 small">Courses</div><strong>{{ $totalCourses }}</strong></div></div>
                        <div class="col-sm-4"><div class="glass p-3"><div class="text-muted2 small">Credits</div><strong>{{ $totalCredits ?: 'TBA' }}</strong></div></div>
                    </div>

                    @forelse($program->semesters->sortBy('number') as $semester)
                        <div class="mb-3">
                            <h6 class="fw-bold mb-2">{{ $semester->name }}</h6>
                            <div class="table-responsive">
                                <table class="table align-middle mb-0">
                                    <thead><tr><th>Code</th><th>Course</th><th>Credits</th></tr></thead>
                                    <tbody>
                                    @forelse($semester->courses as $course)
                                        <tr>
                                            <td class="text-muted2">{{ $course->code ?? '-' }}</td>
                                            <td class="fw-semibold">{{ $course->title }}</td>
                                            <td>{{ $course->credit_hours ?? '-' }}</td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="3" class="text-muted2">Courses will be added by the academic office.</td></tr>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @empty
                        <div class="alert alert-soft mb-0">Semesters and curriculum will appear here after setup.</div>
                    @endforelse
                </div>
            </div>

            {{-- Sidebar --}}
            <div class="col-lg-4">
                <div class="card-soft shadow-soft p-3 p-lg-4 mb-3">
                    <h6 class="fw-bold mb-3">
                        <i class="fa-solid fa-link me-1 text-muted2"></i> {{ __('front.related') }}
                    </h6>

                    <div class="d-flex justify-content-between py-1">
                        <span class="text-muted2">{{ __('front.department') }}</span>
                        <span class="fw-semibold">{{ $program->department?->name ?? '—' }}</span>
                    </div>

                    <div class="d-flex justify-content-between py-1">
                        <span class="text-muted2">{{ __('front.faculty') }}</span>
                        <span class="fw-semibold">{{ optional($program->department)->faculty?->name ?? '—' }}</span>
                    </div>

                    <div class="d-flex justify-content-between py-1">
                        <span class="text-muted2">{{ __('front.university') }}</span>
                        <span class="fw-semibold">{{ optional($program->department?->faculty)->university?->name ?? '—' }}</span>
                    </div>
                </div>

                <div class="glass shadow-soft p-3 p-lg-4">
                    <h6 class="fw-bold mb-2">
                        <i class="fa-solid fa-lightbulb me-1 text-muted2"></i> {{ __('front.tip') }}
                    </h6>
                    <p class="text-muted2 mb-0">
                        {{ __('front.use_filters_on_the_programs_list_to_quickly_find_by_dep') }}
                    </p>
                </div>

                <div class="card-soft shadow-soft p-3 p-lg-4 mt-3">
                    <h6 class="fw-bold mb-3"><i class="fa-solid fa-briefcase me-1 text-muted2"></i> Career opportunities</h6>
                    <p class="text-muted2 small">Graduates can use this academic pathway for professional growth, public service, private sector work, remote work, entrepreneurship, and further study.</p>
                    <h6 class="fw-bold mb-2">Entry requirements</h6>
                    <ul class="text-muted2 small mb-3">
                        <li>Completed prior education appropriate for the selected degree.</li>
                        <li>Valid identity document and contact information.</li>
                        <li>Completed online admission application and document upload.</li>
                    </ul>
                    @php
                        \App\Models\Finance\ModuleSetting::ensureDefaults();
                        $publicFormVisible = fn ($key) => \App\Models\Finance\ModuleSetting::allows('online_forms') && \App\Models\Finance\ModuleSetting::allows($key);
                    @endphp
                    <div class="d-grid gap-2">
                        @if($publicFormVisible('public_form_online_apply'))
                            <a class="btn btn-accent" href="{{ route('front.apply.create') }}"><i class="fa-solid fa-file-signature me-1"></i> Apply online</a>
                        @endif
                        <a class="btn btn-outline-dark" href="{{ route('front.downloads.index') }}"><i class="fa-solid fa-download me-1"></i> Brochures and forms</a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>
<section class="uni-page pt-0">
    <div class="container">
        <div class="uni-layout">
            <main class="uni-stack">
                @include('public.partials.important-notes', ['notes' => $program->public_notes ?? null])
                @include('public.partials.comment-section', ['type' => 'program', 'id' => $program->id, 'comments' => $comments ?? collect()])
                @include('public.partials.feedback-form', ['type' => 'program', 'id' => $program->id])
            </main>
            <aside class="uni-stack">
                @include('public.partials.share-buttons', ['title' => $program->name])
                @include('public.partials.apply-cta')
            </aside>
        </div>
    </div>
</section>
@endsection