@extends('layouts.email')

@section('title', 'Colaboración Cancelada')

@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 equipo,
                </h1>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    La collab pendiente de revisión por parte del cliente <strong>{{ $clientName }}</strong> se ha cancelado automáticamente por falta de respuesta.
                </p>

                <!-- Separador -->
                <div style="border-bottom: 2px solid #335d53; margin: 20px 0;"></div>

                <ul style="padding-left: 18px; margin: 0 0 15px 0; color: #243c34; font-size: 16px; line-height: 26px; font-family: Arial, sans-serif; list-style: none;">
                    <li>• Influencer: <strong>{{ $influencerName }}</strong>@if(!empty($instagramUser)) – <strong>{{ '@' . $instagramUser }}</strong>@endif</li>
                    <li>• Cliente: <strong>{{ $clientName }}</strong></li>
                    @if(!empty($address))
                        <li>• Dirección: {{ $address }}</li>
                    @endif
                    @if(!empty($dateText))
                        <li>• Fecha de la collab: {{ $dateText }} (si aplica)</li>
                    @endif
                    @if(!empty($guests))
                        <li>• Nº de personas: {{ $guests }}</li>
                    @endif
                    @if(!empty($observations))
                        <li>• Observaciones: “{{ $observations }}”</li>
                    @endif
                </ul>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 15px 0 10px 0; font-family: Arial, sans-serif;">
                    🔗 Accede al detalle completo desde el CMS:
                </p>

                @if(!empty($cmsCollabUrl))
                    <div style="text-align: left; margin: 8px 0 22px;">
                        <a href="{{ $cmsCollabUrl }}" target="_blank" style="display: inline-block; background-color: #243c34; color: #ffffff; padding: 12px 22px; text-decoration: none; border-radius: 6px; font-weight: 600; font-family: Arial, sans-serif; cursor: pointer;">
                            Enlace directo a la collab en el CMS
                        </a>
                    </div>
                @endif

                <!-- Separador -->
                <div style="border-bottom: 2px solid #335d53; margin: 20px 0;"></div>

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

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

@endsection