@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;">Restablecer contraseña</h2>
        </center>

        <p style="margin: 0 0 14px; line-height: 1.6;">
            Recibimos una solicitud para cambiar la contraseña de tu cuenta de administrador en
            <strong>{{ config('app.name') }}</strong>.
        </p>

        <p style="margin: 0 0 14px; line-height: 1.6;">
            Hacé clic en el siguiente botón para definir una nueva contraseña. Este enlace vence en 60 minutos.
        </p>

        <center style="padding: 18px 0 22px;">
            <a href="{{ $url }}"
                style="background-color: #f7931e; border-radius: 6px; color: #ffffff !important; display: inline-block; font-size: 15px; font-weight: bold; padding: 14px 28px; text-decoration: none;">
                Cambiar contraseña
            </a>
        </center>

        <p style="margin: 0 0 14px; line-height: 1.6;">
            Si no solicitaste este cambio, podés ignorar este correo.
        </p>

        <p style="margin: 0; line-height: 1.6; word-break: break-all;">
            Si el botón no funciona, copiá y pegá este enlace en tu navegador:<br>
            <a href="{{ $url }}" style="color: #1f2a44;">{{ $url }}</a>
        </p>
    </div>
@endsection

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