@extends('emails.partials.layout')

@section('title', __('emails.photobooth_uploader.subject', ['event' => $eventName]))
@section('preheader', __('emails.photobooth_uploader.preheader', ['event' => $eventName]))
@section('hero_title', __('emails.photobooth_uploader.hero_title', ['name' => $recipientName]))
@section('hero_subtitle', __('emails.photobooth_uploader.hero_subtitle', ['event' => $eventName]))

@section('content')
    <p style="margin:0 0 16px; font-size:15px; color:#1f2937;">
        {{ __('emails.photobooth_uploader.body', ['event' => $eventName]) }}
    </p>
    <p style="margin:0 0 12px; font-size:14px; color:#6b7280;">
        {{ __('emails.photobooth_uploader.downloads_title') }}
    </p>
    <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="margin-bottom:12px;">
        <tr>
            <td style="padding:4px 0; font-size:14px; color:#1f2937;">
                <strong>{{ __('emails.photobooth_uploader.downloads.windows') }}</strong>
            </td>
            <td align="right" style="padding:4px 0; font-size:14px;">
                <a href="{{ $links['windows'] }}" style="color:#1d4ed8; text-decoration:none;">
                    {{ $links['windows'] }}
                </a>
            </td>
        </tr>
        <tr>
            <td style="padding:4px 0; font-size:14px; color:#1f2937;">
                <strong>{{ __('emails.photobooth_uploader.downloads.macos') }}</strong>
            </td>
            <td align="right" style="padding:4px 0; font-size:14px;">
                <a href="{{ $links['macos'] }}" style="color:#1d4ed8; text-decoration:none;">
                    {{ $links['macos'] }}
                </a>
            </td>
        </tr>
        <tr>
            <td style="padding:4px 0; font-size:14px; color:#1f2937;">
                <strong>{{ __('emails.photobooth_uploader.downloads.linux') }}</strong>
            </td>
            <td align="right" style="padding:4px 0; font-size:14px;">
                <a href="{{ $links['linux'] }}" style="color:#1d4ed8; text-decoration:none;">
                    {{ $links['linux'] }}
                </a>
            </td>
        </tr>
    </table>
    <p style="margin:0; font-size:14px; color:#6b7280;">
        {{ __('emails.photobooth_uploader.credentials_hint') }}
    </p>
@endsection

@section('cta')
    <a href="{{ $links['windows'] }}" style="display:inline-block; background-color:#111827; color:#ffffff; text-decoration:none; padding:12px 20px; border-radius:999px; font-weight:600; font-size:14px; margin-right:8px;">
        {{ __('emails.photobooth_uploader.cta_windows') }}
    </a>
    <a href="{{ $links['macos'] }}" style="display:inline-block; background-color:#f3f4f6; color:#111827; text-decoration:none; padding:12px 18px; border-radius:999px; font-weight:600; font-size:14px; margin-right:8px;">
        {{ __('emails.photobooth_uploader.cta_macos') }}
    </a>
    <a href="{{ $links['linux'] }}" style="display:inline-block; background-color:#f3f4f6; color:#111827; text-decoration:none; padding:12px 18px; border-radius:999px; font-weight:600; font-size:14px;">
        {{ __('emails.photobooth_uploader.cta_linux') }}
    </a>
@endsection

@section('footer')
    {!! __('emails.photobooth_uploader.footer') !!}
@endsection
