@extends('layouts.email')

@section('title', 'Solicitud de cambio en colaboración confirmada')

@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 {{ $influencerName }},
                </h1>
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    Hemos recibido tu solicitud de cambio en la colaboración con {{ $clientName }}.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    El cambio está pendiente de revisión, y te informaremos cuando recibamos respuesta.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    🔁 Detalles actualizados:
                </p>

                <div style="background-color: #f8f9fa; padding: 20px; border-radius: 8px; margin: 20px 0;">
                    <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif; font-weight: 600;">
                        👤 {{ $influencerFullName }} – {{ $instagramUsername }}
                    </p>
                    <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                        {{ $clientName }} 📍 Dirección: {{ $address ?: 'No especificada' }}
                    </p>
                    @if($dateText)
                    <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                        📅 Fecha de la collab: {{ $dateText }}
                    </p>
                    @endif
                    @if($guests)
                    <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                        👥 Nº de personas: {{ $guests }}
                    </p>
                    @endif
                    @if($observations)
                    <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                        📝 Observaciones: "{{ $observations }}"
                    </p>
                    @endif
                </div>

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

                <div style="text-align: left; margin: 10px 0 25px;">
                    <a href="{{ $collabUrl }}" target="_blank" style="display: inline-block; background-color: #c8dccd; color: #335d53; padding: 12px 24px; text-decoration: none; border-radius: 99px; font-weight: 600; font-family: Arial, sans-serif; cursor: pointer;">
                        Ver colaboración
                    </a>
                </div>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 10px 0 18px 0; font-family: Arial, sans-serif;">
                    Gracias por colaborar con 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>

                <p style="color: #999999; font-size: 14px; line-height: 20px; margin: 20px 0 0 0; font-family: Arial, sans-serif; font-style: italic;">
                    (Este es un correo automático. No respondas directamente a este email.)
                </p>

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

@endsection