@extends('layouts.public')
@section('title', 'Register | Kenya Diaspora Alliance')
@section('content')
<div class="mt-5">
    <div class="py-2"></div>
    <div class="vh-100" style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
        <iframe title="Kenya Diaspora Homecoming Convention"
            style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
            src="https://mookh.com/embed/event/kenya-diaspora-homecoming-convention" frameborder="0" allowfullscreen></iframe>
    </div>
</div>
@endsection
<script>
    window.onload = () => {
        let ticketNumberSelect = document.getElementById('ticket_number');
        let ticketTypeSelect = document.getElementById('ticket_type');
        ticketNumberSelect.addEventListener('change', () => {
            let ticketNumber = ticketNumberSelect.value;
            ticketTypeSelect.innerHTML = '';
            if (ticketNumber == 1) {
                ticketTypeSelect.innerHTML += `
                    <option value="usd-80">International Delegate (Full Access 3-Day Pass) - $80</option>
                    <option value="usd-30">International Delegate 1-Day Pass (Single Day Attendees) - $30</option>
                    <option value="12000">Regular Delegate (Full Access 3-Day Pass) – KES 12,000 /=</option>
                    <option value="2000" class="d-none">Students (Full Access 3-Day Pass) – KES 2,000 /=</option>
                    <option value="4000">1-Day Pass (Single Day Attendees) – KES 4,000 /=</option>
                `;
            } else if (ticketNumber == 2) {
                ticketTypeSelect.innerHTML += `
                    <option value="usd-50">Full Access 3-Day Pass - $50 per attendee (from $150 per group)</option>
                    <option value="usd-15">Full Access 1-Day Pass - $15 per attendee (from $45 per group)</option>
                `;
            } else if (ticketNumber == 3) {
                ticketTypeSelect.innerHTML += `
                    <option value="7000">3-Day Pass – KES 7,000/= per attendee (from KES 21,000/= per group)</option>
                    <option value="2500">1-Day Pass – KES 2,500/= per attendee (from KES 7,500/= per group)</option>
                `;
            } else {
                ticketTypeSelect.innerHTML += `
                    <option selected disabled>Choose Ticket</option>
                `;
            }
        });

        // Trigger change event to load options based on initial ticket_number value
        ticketNumberSelect.dispatchEvent(new Event('change'));
    }
</script>