{{--
    Send Tickets to Email - Atomic Design System v2.0
    Sent when a customer forwards their tickets to another email address

    Note: $colors automatically injected via View Composer
--}}
@component('emails.layouts.base', [
    'title' => 'Your Tickets for ' . $eventName,
    'previewText' => $senderName . ' has sent you tickets for ' . $eventName,
    'colors' => $colors
])

@component('emails.atoms.h1', ['colors' => $colors])
    Your Tickets Have Arrived!
@endcomponent

@component('emails.atoms.text', ['colors' => $colors])
    Hi {{ $recipientName }},
@endcomponent

@component('emails.atoms.text', ['colors' => $colors])
    {{ $senderName }} has sent you tickets for <strong>{{ $eventName }}</strong>.
@endcomponent

@include('emails.atoms.spacer', ['height' => '20px'])

{{-- PDF Download / Attachment Notice --}}
@if($hasPdfAttachment)
    @component('emails.organisms.alert-box', [
        'variant' => 'success',
        'title' => 'Tickets Attached',
        'colors' => $colors
    ])
        Your tickets are attached to this email as a PDF. Please print or display on your mobile device at the venue.
    @endcomponent
@elseif($downloadUrl)
    @component('emails.organisms.alert-box', [
        'variant' => 'info',
        'title' => 'Download Your Tickets',
        'colors' => $colors
    ])
        Click the button below to download your printable PDF tickets.
    @endcomponent

    @include('emails.atoms.spacer', ['height' => '16px'])

    <table cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
            <td align="center">
                @component('emails.molecules.button', [
                    'href' => $downloadUrl,
                    'variant' => 'primary',
                    'colors' => $colors
                ])
                    Download Tickets (PDF)
                @endcomponent
            </td>
        </tr>
    </table>
@endif

@include('emails.atoms.spacer', ['height' => '24px'])

{{-- Event Details --}}
@component('emails.organisms.card', ['colors' => $colors])
    @component('emails.atoms.h2', ['colors' => $colors])
        Event Details
    @endcomponent

    @component('emails.molecules.info-row', [
        'label' => 'Event',
        'value' => $eventName,
        'colors' => $colors
    ])
    @endcomponent

    @if($event?->start_date)
        @component('emails.molecules.info-row', [
            'label' => 'Date',
            'value' => \Carbon\Carbon::parse($event->start_date)->format('l, F j, Y'),
            'colors' => $colors
        ])
        @endcomponent
    @endif

    @if($event?->venue?->name)
        @component('emails.molecules.info-row', [
            'label' => 'Venue',
            'value' => $event->venue->name,
            'colors' => $colors
        ])
        @endcomponent
    @endif
@endcomponent

@include('emails.atoms.spacer', ['height' => '24px'])

{{-- Important Notice --}}
@component('emails.organisms.alert-box', [
    'variant' => 'warning',
    'title' => 'Important Information',
    'colors' => $colors
])
    <ul style="margin: 0; padding-left: 20px;">
        <li>Bring your ticket (printed or on mobile) to the venue</li>
        <li>Arrive early to avoid queues at entry</li>
        <li>Each ticket can only be scanned once</li>
    </ul>
@endcomponent

@include('emails.atoms.spacer', ['height' => '24px'])

@component('emails.atoms.text', ['colors' => $colors])
    If you have any questions, please contact us at
    <a href="mailto:{{ $supportEmail }}" style="color: {{ $colors['primary-600'] }};">{{ $supportEmail }}</a>
@endcomponent

@component('emails.atoms.text', ['colors' => $colors])
    Enjoy the event!
@endcomponent

@endcomponent