{% extends 'email/base.html.twig' %}

{% block title %}Reset Your Password - KitsCo{% endblock %}

{% block content %}
<div class="icon-badge icon-warning">
    <span>&#128274;</span>
</div>

<h2 class="text-center">Password Reset Request</h2>
<p class="text-center text-muted">
    We received a request to reset the password for your account.
</p>

<div class="alert alert-info">
    <h4>Reset Your Password</h4>
    <p>Click the button below to create a new password. This link will expire in {{ expiresIn|default('1 hour') }}.</p>
</div>

<div class="btn-wrapper">
    <a href="{{ resetUrl }}" class="btn btn-primary btn-block">Reset Password</a>
</div>

<div class="info-box">
    <table>
        <tr>
            <td class="label">Account Email</td>
            <td class="value">{{ user.email }}</td>
        </tr>
        <tr>
            <td class="label">Request Time</td>
            <td class="value">{{ 'now'|date('F d, Y \\a\\t g:i A') }}</td>
        </tr>
        <tr>
            <td class="label">Link Expires</td>
            <td class="value">{{ expiresAt|default('now'|date_modify('+1 hour'))|date('F d, Y \\a\\t g:i A') }}</td>
        </tr>
    </table>
</div>

<hr class="divider">

<div class="alert alert-warning">
    <h4>Didn't Request This?</h4>
    <p>If you didn't request a password reset, you can safely ignore this email. Your password will remain unchanged.</p>
</div>

<h3>Security Tips</h3>
<div class="steps">
    <ul>
        <li>Never share your password with anyone</li>
        <li>Use a strong, unique password</li>
        <li>Don't click password reset links you didn't request</li>
        <li>Contact us if you notice suspicious activity</li>
    </ul>
</div>

<hr class="divider">

<p class="text-center text-muted text-small">
    If the button doesn't work, copy and paste this link into your browser:
</p>
<p class="text-center text-small" style="word-break: break-all;">
    <a href="{{ resetUrl }}" style="color: #e94560;">{{ resetUrl }}</a>
</p>
{% endblock %}