@extends('layouts.app')

@section('title', 'Tuition and Fees - 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">Tuition and Fees</h1>
        <p class="lead">Transparent pricing for our accredited 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">
                        <p><strong>Application Fee:</strong> $25 (Non-refundable)</p>
                        <p><strong>Tuition (First Year):</strong> $450 per semester</p>
                        <p><strong>Tuition (Second Year):</strong> $450</p>
                        <p><strong>Exam Fees:</strong> To Be Announced (TBA) by HEXCO</p>
                    </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">
                        <p><strong>Tuition:</strong> $250 or R4500</p>
                        <p class="text-success"><strong>Flexible payment options are available.</strong></p>
                        <p><strong>Registration Deadline:</strong> Sat. 24 January 2025</p>
                    </div>
                </div>
            </div>
        </div>

        <hr class="my-5">

        <div class="row">
             <div class="col">
                <h3 class="text-center mb-4">Payment & Banking Details</h3>
                <div class="row justify-content-center">
                    @php
                        // Manually fetching banking details as we are not in the AdmissionsController
                        $bankingDetails = [
                            'registration' => [
                                'acc_name' => 'Tendayi Anna Phiri', 'acc_num' => '9140001473692', 'bank_name' => 'Stanbic Bank', 'header' => 'Registration Fee ($25)'
                            ],
                            'tuition_fnb' => [
                                'acc_name' => 'Thriving Lives Coaching and Counselling Center (Pty) Ltd', 'bank_name' => 'FNB', 'acc_num' => '63007776787', 'branch_code' => '250655', 'branch_name' => 'Constantia Kloof', 'swift_code' => 'FIRNZAJJ', 'header' => 'Tuition Fee (FNB Account)'
                            ]
                        ];
                    @endphp
                    @foreach($bankingDetails as $detail)
                    <div class="col-lg-5 mb-4">
                        <div class="card h-100 shadow-sm">
                            <div class="card-header">
                                <h5 class="mb-0">{{ $detail['header'] }}</h5>
                            </div>
                            <div class="card-body">
                                <p class="mb-1"><strong>Account Name:</strong> {{ $detail['acc_name'] }}</p>
                                <p class="mb-1"><strong>Bank:</strong> {{ $detail['bank_name'] }}</p>
                                <p class="mb-1"><strong>Account Number:</strong> {{ $detail['acc_num'] }}</p>
                                @if(isset($detail['branch_code']))
                                    <p class="mb-1"><strong>Branch Code:</strong> {{ $detail['branch_code'] }}</p>
                                @endif
                                @if(isset($detail['branch_name']))
                                    <p class="mb-1"><strong>Branch Name:</strong> {{ $detail['branch_name'] }}</p>
                                @endif
                                @if(isset($detail['swift_code']))
                                    <p class="mb-1"><strong>Swift Code:</strong> {{ $detail['swift_code'] }}</p>
                                @endif
                            </div>
                        </div>
                    </div>
                    @endforeach
                </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/3184338/pexels-photo-3184338.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') no-repeat center center;
        background-size: cover;
        min-height: 40vh;
    }
</style>
@endpush