@extends('client.raffles.layouts.app')
@section('content')
    <div class="about-banner">
    </div>

    <div class="container section">
        <div class="row">
            <div class="col col-md-8">
                <div class="course-header">
                    <div class="university-info">
                        <div class="university-loo sm:w-50percent  w-125 "> <img class="w-full h-full"
                                src="{{ asset($page->institution?->image) }}" alt=""></div>
                        <div class="university-details">
                            <h1>{{ $page->title }}</h1>
                            <div class="university-name">{{ $page->institution?->title }}</div>
                        </div>
                    </div>

                    <div class="course-meta">
                        <div class="meta-item">
                            <div class="meta-label">Course Code</div>
                            <div class="meta-value">{{ $page->code }}</div>
                        </div>
                        <div class="meta-item">
                            <div class="meta-label">Duration</div>
                            <div class="meta-value">{{ $page->year }}</div>
                        </div>
                        <div class="meta-item">
                            <div class="meta-label">Level</div>
                            <div class="meta-value">{{ $page->programLevel?->title }}</div>
                        </div>
                        <div class="meta-item">
                            <div class="meta-label">Annual Fee</div>
                            <div class="meta-value">{{ $page->fee }}</div>
                        </div>
                        <div class="meta-item">
                            <div class="meta-label">Scholarship</div>
                            <div class="meta-value">{{ $page->scholarship }}</div>
                        </div>
                    </div>
                </div>

                <div class="course-content">
                    <div class="content-section">
                        <h2 class="section-title">Course Overview</h2>
                        {!! $page->description !!}
                    </div>

                    <div class="content-section">
                        <h2 class="section-title">Entry Requirements</h2>
                        <div class="requirements-grid">
                            <div class="requirement-card">
                                <div class="requirement-title">English Language Requirements</div>
                                <div class="requirement-details">
                                    @foreach ($page->tests as $index => $item)
                                        <div class="score-badge">{{ $item->title }}: {{ $item->pivot?->min_score }}
                                            ({{ $item->pivot?->band_score }})
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="requirement-card">
                                <div class="requirement-title">Academic Requirements</div>
                                <div class="requirement-details">
                                    @foreach ($page->academic_module as $index => $item)
                                        <p>{{ $item->requirements }}</p>
                                    @endforeach
                                </div>
                            </div>
                            <div class="requirement-card">
                                <div class="requirement-title">Additional Documents</div>
                                <div class="requirement-details">
                                    @foreach ($page->additional_module as $index => $item)
                                        <p>{{ $item->requirements }}</p>
                                    @endforeach
                                </div>
                            </div>
                            <div class="requirement-card">
                                <div class="requirement-title">Application Deadlines</div>
                                <div class="requirement-details">
                                    @foreach ($page->application_module as $index => $item)
                                        <p>{{ $item->requirements }}</p>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>



                    <!-- Fees Breakdown -->
                    <div class="content-section">
                        <h2 class="section-title">Fees Breakdown</h2>
                        <table class="fees-table">
                            <thead>
                                <tr>
                                    <th>Application Fee</th>
                                    <th>Tution Fee</th>
                                    <th>Health Service</th>
                                    <th>Student Activities</th>
                                    <th>Technology Fee</th>
                                    <th>Library Fee</th>
                                    <th>Total Fee</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($page->fee_breakdown as $key => $fee)
                                    <tr>
                                        <td>{{ $fee->application_fee }}</td>
                                        <td>{{ $fee->tution_fee }}</td>
                                        <td>{{ $fee->health_service }}</td>
                                        <td>{{ $fee->student_activities }}</td>
                                        <td>{{ $fee->technology_fee }}</td>
                                        <td>{{ $fee->library_fee }}</td>
                                        <td>{{ $fee->application_fee +
                                            $fee->tution_fee +
                                            $fee->health_service +
                                            $fee->student_activities +
                                            $fee->technology_fee +
                                            $fee->library_fee }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>


                    </div>




                </div>
            </div>
            <div class="col col-md-4">
                <!-- Sidebar -->
                <aside class="sidebar">
                    <!-- Contact Form -->
                    <div class="sidebar-card">
                        <h3 class="sidebar-title">Get Your Free Counselling!</h3>
                        <form>
                            <div class="form-group">
                                <input type="text" placeholder="Full Name" required>
                            </div>
                            <div class="form-group">
                                <input type="tel" placeholder="Phone" required>
                            </div>
                            <div class="form-group">
                                <input type="email" placeholder="Email" required>
                            </div>
                            <div class="form-group">
                                <textarea placeholder="Message"></textarea>
                            </div>
                            <button type="submit" class="btn-blue">Submit</button>
                        </form>
                    </div>

                    <!-- Intake Information -->
                    <div class="content-section">
                        <h2 class="section-title">Available Intakes</h2>
                        <div class="intake-badges">
                            @foreach ($page->intakes as $value)
                                <div class="intake-badge">{{ $intakeOptions[$value] }}</div>
                            @endforeach
                        </div>
                    </div>

                    <!-- Course Modules -->
                    <div class="content-section">
                        <h2 class="section-title">Course Modules</h2>
                        <div class="modules-grid">
                            @foreach ($page->course_module as $index => $module)
                                <div class="module-item">
                                    <div class="module-name">{{ $module->title }}</div>
                                    <div class="module-credits">{{ $module->credit_hour }} Credits</div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </aside>
            </div>



        </div>
    @endsection