@extends('layouts.main-layout-new')

@section('title')
    {{ $camp_group->name }} - Booking application
@endsection

@section('footer', true)
@section('header', true)

@section('header-logo')
    <div class="container flex flex-wrap">
        <a href="{{ $camp_group->main_site_url }}">
            <img class="h-[48px] w-auto" src="{{ $camp_group->getLogo() }}" />
        </a>
    </div>
@stop
@section('footer-logo')
    {{ $camp_group->getLogo(white: true) }}
@stop

@section('content')
    <div class="py-6 sm:py-20 px-4">

        <div class="max-w-[654px] w-full mx-auto flex flex-col gap-8">
            <h1 class="text-5xl font-bold text-titus-primary mb-2 sm:mb-10">Events available to book</h1>
            @foreach($events as $event)
                <div class="rounded-[3px] border border-gray-200">
                    <div class="p-4 sm:p-8 ">
                        <h3 class="leading-tight text-2xl font-bold text-gray-800">{{ $event->name }}</h3>
                        <div class="ml-4 mt-6 flex flex-col gap-2">
                            @foreach($event->eventOptions as $week)
                                <div class="grid grid-cols-1 sm:grid-cols-[auto,1fr] sm:gap-4">
                                    <span class="text-lg font-medium text-gray-800">{{ $week->option }}</span>
                                    <span class="leading-tight sm:text-lg font-normal text-gray-500">{{ formatDateRange($week->start, $week->end) }}</span>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    @if(!$event->is_exclusive_for_students)
                        <a href="{{ $event->bookingUrl() }}" class="px-8 py-5 flex justify-between border-t border-gray-200 hover:bg-[#fcfcfc]">
                            <span class="text-primary-700 leading-tight text-lg font-bold">Book as a Parent</span>
                            <div class="w-2.5 h-5">
                                @svg('img/icons/right-arrow', 'text-primary-500 w-2.5 h-5')
                            </div>
                        </a>
                    @endif
                    <a href="{{ $event->studentBookingApplicationUrl() }}" class="border-t border-gray-200 hover:bg-[#fcfcfc] px-8 py-5 flex justify-between">
                        <span class="text-primary-700 leading-tight text-lg font-bold">Book as a {{ $event->students_book_as_volunteers ? 'Assistant Leader' : 'Student' }}</span>
                        <div class="w-2.5 h-5">
                            @svg('img/icons/right-arrow', 'text-primary-500 w-2.5 h-5')
                        </div>
                    </a>
                </div>
            @endforeach
        </div>
    </div>

    <x-useful-section :questions="[
        [
            'How will you handle my information?' => new \Illuminate\Support\HtmlString('We value the security of your information and will store it safely. Your data will be used to ensure our holidays run smoothly and will be kept for as long as necessary as outlined in our <a href=\''.$camp_group->getMainSitePrivacyPageUrl().'\' target=\'_blank\' class=\'text-base font-bold text-primary-600 hover:underline\'>Privacy Notice.</a> Relevant sections of your information will be shared with Titus Trust staff, volunteer leaders, support teams, and activity providers for safe and efficient holiday operations. Outside of the Titus Trust, we will not share your information unless required by law or specified in our <a href=\''.$camp_group->getMainSitePrivacyPageUrl().'\' target=\'_blank\' class=\'text-base font-bold text-primary-600 hover:underline\'>Privacy Notice.</a>'),

            'Can I book for only part of the event?' => new \Illuminate\Support\HtmlString('Bookings are usually only accepted for the whole of a holiday/event. If otherwise, please <a href=\''.$camp_group->getMainSiteContactPageUrl().'\' target=\'_blank\' class=\'text-base font-bold text-primary-600 hover:underline\'>contact the office</a> to discuss your application before proceeding.'),
        ],
        [
            'Can I guarantee a place?' => 'We work in partnership with teachers from schools and because of limited space priority will be given to young people from these schools. We try to cater for all needs at our holidays: if your child has special requirements, please call us before applying. We retain the right to refuse any application.',

            'When do I pay for a booking?' => 'Due to demand for space, we will need to get back to you to confirm whether or not your application has been successful and to arrange payment.',
        ]
    ]" />
@endsection