@extends('layouts.mails.full')

@section('styles')
  <style>
    .button {
        display: inline-block;
        padding: 12px 24px;
        background-color: #2563eb;
        color: #ffffff;
        text-decoration: none;
        border-radius: 4px;
        font-weight: bold;
        margin: 20px 0;
        transition: background-color 0.3s;
    }
    .button:hover {
        background-color: #1d4ed8;
    }
    .note {
        font-size: 0.85em;
        margin-top: 20px;
        padding: 10px;
        background-color: #f8f9fa;
        border-radius: 4px;
        border-left: 4px solid #2563eb;
    }
  </style>
@endsection

@section('content')
  <p>Olá {{ $user->name }},</p>

  <p>Recebemos uma solicitação para redefinir a senha da sua conta. Para continuar com esse processo, clique no botão abaixo:</p>

  <div style="text-align: center;">
    <a href="{{ $url }}" class="button" style="color: #ffffff;">Redefinir Senha</a>
  </div>

  <p>Se você não solicitou essa redefinição de senha, pode ignorar este e-mail e sua senha permanecerá a mesma.</p>

  <div class="note">
    <p>Por questões de segurança, o link de recuperação expirará em 60 minutos.</p>
  </div>
@endsection