{% extends "base.html" %} {% block title %}Upload Files{% endblock %} {% block
content %}
<div class="container">
    <nav class="navbar navbar-expand-lg navbar-dark">
        <div class="container-fluid">
            <a class="navbar-brand" href="{{ url_for('views.home') }}"
                >QuantumVault</a
            >
            <button
                class="navbar-toggler"
                type="button"
                data-bs-toggle="collapse"
                data-bs-target="#navbarNav"
            >
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="{{ url_for('auth.login') }}"
                            >Sign in</a
                        >
                    </li>
                    <li class="nav-item">
                        <a
                            class="nav-link"
                            href="{{ url_for('auth.show_register') }}"
                            >Sign up</a
                        >
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="row justify-content-center">
        <div class="col-md-6">
            <h1 class="mb-4">Verify Your Phone Number</h1>
            <p>Please enter the 6-digit code sent to your phone.</p>
            <form
                method="POST"
                action="{{ url_for('auth.verify_phone', username=username) }}"
            >
                {{ form.hidden_tag() }}
                <div class="mb-3">
                    {{ form.code.label(class="form-label") }} {{
                    form.code(class="form-control", id="code") }}
                </div>
                {{ form.submit(class="btn btn-primary") }}
            </form>
            <form
                method="POST"
                action="{{ url_for('auth.resend_phone_verification', username=username) }}"
            >
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
                <button type="submit" class="btn btn-secondary mt-2">
                    Resend Verification Code
                </button>
            </form>
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="{{ sri_integrity('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js') }}" crossorigin="anonymous"></script>
{% endblock %}