@extends('emails.layout.email')
@section('content')
    {{-- @dd($data) --}}
    <div class="row">
        <div class="col">
            <div class="body">
                <h2 class="text-center">Servicios Escolares - Examen habilitado</h2>

                <hr>

                <p class="lh-sm">
                    Estimado/a <strong>{{ $data->academicRecord->full_name }}</strong>,
                </p>

                <p class="lh-sm text-justify">
                    ¡Nos complace informarte que tu examen ha sido <strong class="text-success">PAGADO EXITOSAMENTE</strong>!
                    Como resultado, ya se encuentra habilitado en la plataforma para que puedas responderlo. Solo debes
                    ingresar a tu perfil de alumno y dirigirte a la sección de
                    <strong>Examenes y encuestas</strong> para acceder a él.
                </p>

                {{-- <p class="lh-sm text-justify">
                    A continuación, te compartimos los detalles del servicio:
                    <br />
                    <strong>Concepto:</strong> {{ $data->academicRecordService->curriculaTabulator->concept }}.<br />
                    <strong>Fecha límite para responder el examen:</strong> {{ $academic_record_service->expiration_date }}
                    <strong>Tiempo para responder el examen una vez iniciado:</strong>
                    {{ $data->survey->expiration_time }}.
                </p> --}}

                <p class="lh-sm text-justify">
                    A continuación, te compartimos los detalles:
                </p>

                <div class="text-center mx-auto" style="overflow-x:auto;">
                    <table class="text-center"
                        style="width: 100%; max-width: 600px; border-collapse: collapse; font-size: 13px; margin: 0 auto;">
                        <thead>
                            <tr>
                                <th colspan="3"
                                    style="background-color: #3B4C6A; color: white; border: 1px solid #ddd; border-bottom: none; padding: 6px;">
                                    <strong>Detalles del servicio</strong>
                                </th>
                            </tr>
                            <tr>
                                <th
                                    style="font-weight: bold; width: 34%; border: 1px solid #ddd; border-top: none; padding: 4px;">
                                    Concepto
                                </th>
                                <th
                                    style="font-weight: bold; width: 33%; border: 1px solid #ddd; border-top: none; padding: 4px;">
                                    Tiempo para responder
                                </th>
                                <th
                                    style="font-weight: bold; width: 33%; border: 1px solid #ddd; border-top: none; padding: 4px;">
                                    Plazo para presentarlo
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td
                                    style="border: 1px solid #ddd; padding: 6px; word-break: break-word; white-space: normal;">
                                    {{ $data->academicRecordService->curriculaTabulator->concept }}
                                </td>
                                <td
                                    style="border: 1px solid #ddd; padding: 6px; word-break: break-word; white-space: normal;">
                                    {{ $data->survey->expiration_time }}
                                </td>
                                <td
                                    style="border: 1px solid #ddd; padding: 6px; word-break: break-word; white-space: normal;">
                                    {{ $data->expires_at->locale('es')->isoFormat('D [de] MMMM [de] YYYY [a las] h:mm A') }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>


                <br>
                <p class="lh-sm text-justify">
                    🟡 Te recordamos que es indispensable completar el examen antes de la fecha de plazo límite mencionada,
                    ya que, una vez vencido ese plazo, no será posible acceder nuevamente a la evaluación.
                </p>

                <h5 class="text-center">
                    <a style="color: rgb(14, 49, 129)" href="{{ URL::to('/students/login') }}">Da click aquí para
                        ingresar a la plataforma
                    </a>
                </h5>

                <p class="text-center lh-sm">
                    ¡Gracias por tu confianza! Te deseamos mucho éxito en tu evaluación.
                </p>
            </div>
        </div>
    </div>
@endsection