@extends('layouts.app')

@section('title', 'Application Form - Thriving Lives Christian Counselling Center')

@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">Application Form</h1>
        <p class="lead">Download the application form to begin</p>
    </div>
</header>

<section class="py-5">
    <div class="container text-center">
        <p>Please download the application form below, fill it out, and submit it along with the required documents to our admissions office.</p>
        <a href="/files/application_form.pdf" class="btn btn-primary btn-lg" download>
            <i class="fas fa-download me-2"></i> Download Application Form (PDF)
        </a>
        <p class="mt-4 text-muted">If you have any questions, please <a href="{{ route('contact.index') }}">contact us</a>.</p>
    </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