@extends('layouts.app')

@section('title', 'Admission Requirements - 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">Admission Requirements</h1>
        <p class="lead">Find out what you need to join our programs.</p>
    </div>
</header>

<section class="py-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 mb-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-header bg-primary text-white">
                        <h3 class="mb-0">Diploma in Marriage and Family Counseling</h3>
                    </div>
                    <div class="card-body">
                        <h4 class="card-title">General Requirements</h4>
                        <ul>
                            <li>High school diploma or equivalent</li>
                            <li>Personal statement of faith</li>
                            <li>Two letters of recommendation</li>
                            <li>Interview with program director</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 mb-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-header bg-primary text-white">
                        <h3 class="mb-0">USA Certified Marriage & Family Counselor</h3>
                    </div>
                    <div class="card-body">
                        <h4 class="card-title">Who Should Attend</h4>
                        <p>This course is ideal for a wide range of individuals looking to enhance their counseling skills from a Christian perspective:</p>
                        <ul>
                            <li>Counselors & Coaches</li>
                            <li>Mentors</li>
                            <li>Singles & Married Couples</li>
                            <li>Pastors</li>
                            <li>NGO Leaders & Community Leaders</li>
                        </ul>
                    </div>
                </div>
            </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/1595391/pexels-photo-1595391.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') no-repeat center center;
        background-size: cover;
        min-height: 40vh;
    }
</style>
@endpush