@extends('layouts.email')

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

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

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Se ha recibido una nueva solicitud de información desde la web o la app.
                </p>

                <h2 style="color: #243c34; font-size: 18px; line-height: 22px; margin: 0 0 15px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    Detalles de la solicitud:
                </h2>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    • <strong>Empresa:</strong> {{ $companyName }}
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    • <strong>Nombre del contacto:</strong> {{ $contactName }}
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    • <strong>Email:</strong> {{ $email }}
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    • <strong>Teléfono:</strong> {{ $phone }}
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                    • <strong>Mensaje:</strong>
                </p>

                <div style="background-color: #f8f9fa; padding: 15px; border-radius: 6px; border-left: 4px solid #335d53; margin: 0 0 25px 0;">
                    <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0; font-family: Arial, sans-serif; white-space: pre-line;">{{ $contactMessage }}</p>
                </div>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Por favor, revisad la solicitud y gestionadla.
                </p>

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

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

@endsection