@extends('layouts.email')

@section('title', 'Solicitud de reserva')

@section('content')


    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 30px;">
        <tr>
            <td style="padding: 0px;">

                <h1 style="color: #243c34; font-size: 24px; line-height: 28px; margin: 0 0 25px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    Hola {{ $influencer_full_name }},
                </h1>

                @if($collaboration_date)
                    <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 25px 0; font-family: Arial, sans-serif;">
                        Hemos recibido tu solicitud de colaboración con <strong style="color: #243c34;">{{ $client_name }}</strong> y en breve te informaremos sobre su estado.
                    </p>

                    @if($isDatable)
                    <!-- Detalles de la colaboración -->
                    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 20px;">
                        <tr>
                            <td style="padding: 15px; background-color: #f8f9fa; border-radius: 8px;">
                                <p style="color: #243c34; font-size: 16px; line-height: 24px; margin: 0 0 10px 0; font-family: Arial, sans-serif; font-weight: 600;">
                                    👤 {{ $influencer_full_name }} – {{ $instagram_user }}
                                </p>

                                <p style="color: #243c34; font-size: 14px; line-height: 20px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                                    {{ $client_name }}
                                </p>

                                @if($address)
                                    <p style="color: #243c34; font-size: 14px; line-height: 20px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                                        📍 Dirección: {{ $address }}
                                    </p>
                                @endif

                                <p style="color: #243c34; font-size: 14px; line-height: 20px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                                    📅 Fecha de la collab: {{ $collaboration_date }}
                                </p>

                                @if($guests)
                                    <p style="color: #243c34; font-size: 14px; line-height: 20px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                                        👥 Nº de personas: {{ $guests }}
                                    </p>
                                @endif

                                @if($observations)
                                    <p style="color: #243c34; font-size: 14px; line-height: 20px; margin: 0 0 0 0; font-family: Arial, sans-serif;">
                                        📝 Observaciones: "{{ $observations }}"
                                    </p>
                                @endif
                            </td>
                        </tr>
                    </table>
                    @endif

                    <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                        Puedes revisar el estado de tu solicitud desde tu perfil en la app.
                    </p>

                @else
                    <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 25px 0; font-family: Arial, sans-serif;">
                        Hemos recibido tu solicitud de colaboración con <strong style="color: #243c34;">{{ $client_name }}</strong> y en breve te informaremos sobre su estado.
                    </p>
                @endif

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Gracias por colaborar con <strong style="color: #243c34;">Nomade</strong>,
                </p>

                <p style="color: #243c34; font-size: 16px; font-weight: 400; margin: 0 0 20px 0; font-family: Arial, sans-serif;">
                    El equipo de <strong style="color: #243c34; font-weight: 700;">Nomade Revolution</strong>
                </p>

            </td>
        </tr>
    </table>

@endsection