@extends('mail.template.base')

@section('content')
    <div style="padding: 24px 20px; color: #555555; font-family: Arial, Helvetica Neue, Helvetica, sans-serif;">
        <center>
            <h2 style="margin: 0 0 16px; color: #1f2a44;">Código de acceso</h2>
        </center>

        <p style="margin: 0 0 14px; line-height: 1.6;">
            Usá este código OTP de 6 dígitos para iniciar sesión en <strong>{{ config('app.name') }}</strong>.
        </p>

        <center style="padding: 18px 0 22px;">
            <div
                style="background-color: #f7931e; border-radius: 8px; color: #ffffff; display: inline-block; font-size: 28px; font-weight: bold; letter-spacing: 8px; padding: 16px 26px;">
                {{ $code }}
            </div>
        </center>

        <p style="margin: 0 0 14px; line-height: 1.6;">
            Este código vence en 10 minutos. Si no solicitaste este acceso, podés ignorar este correo.
        </p>
    </div>
@endsection

@section('pie')
    <center>
        Este mensaje fue enviado por {{ config('app.name') }}<br /> {{ config('app.url') }}
    </center>
@endsection