@extends('layouts.email')

@section('title', 'Último aviso: solicitud de modificación pendiente')

@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 20px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    Hola {{ $clientName ?? 'Nombre del cliente' }},
                </h1>
                
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    Este es el último recordatorio: tienes una <strong>solicitud de modificación</strong> en una colaboración ya confirmada pendiente de gestionar.
                </p>

                <p style="color: #e74c3c; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    Si no la revisas y respondes en breve, se cancelará automáticamente.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    Aquí tienes los detalles actualizados de la colaboración con {{ $influencerFullName ?? 'Influencer' }} ({{ $instagramUsername ?? '@usuarioInstagram' }}):
                </p>


                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    👤 <strong>{{ $influencerFullName ?? 'Influencer' }}</strong> – {{ $instagramUsername ?? '@usuarioInstagram' }}
                </p>
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    <strong style="color: #243c34;">{{ $clientName ?? 'Nombre del cliente' }}</strong>
                </p>
                @if(!empty($address))
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    📍 <strong>Dirección:</strong> {{ $address }}
                </p>
                @endif
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    📅 <strong>Fecha de la reserva:</strong> {{ $dateText ?? 'Fecha de la reserva' }}
                </p>
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    👥 <strong>Nº de personas:</strong> {{ $guests ?? 2 }}
                </p>
                @if(!empty($observations))
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    📝 <strong>Observaciones del influencer:</strong> "{{ $observations }}"
                </p>
                @endif

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

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    👉 Si ya has gestionado esta solicitud, puedes ignorar este mensaje.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 10px 0 18px 0; font-family: Arial, sans-serif;">
                    Gracias por seguir confiando en Nomade,
                </p>
                <p style="color: #243c34; font-size: 16px; font-weight: 400; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    El equipo de <strong style="color: #243c34;">Nomade Revolution</strong>
                </p>

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

@endsection