{% extends 'base.html' %}

{% block title %}Stock Bar - Futurist Bar Management{% endblock %}

{% block content %}
<div class="container my-5">
    <!-- Hero Section -->
    <div class="text-center py-5">
        <h1 class="display-2 hero-gradient-text">Stock Bar</h1>
        <p class="lead col-md-8 mx-auto" style="color: var(--silver);">An elegant and futuristic system for bar inventory and member management.</p>
    </div>

    <!-- Admin Access Request Section -->
    <div class="row justify-content-center">
        <div class="col-lg-6">
            <div class="form-card">
                <h2 class="text-center mb-4">Request Admin Access</h2>

                {% if message %}
                    <div class="alert {% if success %}alert-success{% else %}alert-danger{% endif %}" role="alert">
                        {{ message }}
                    </div>
                {% endif %}

                <form method="post" action="/">
                    {% csrf_token %}
                    <div class="mb-3">
                        <label for="name" class="form-label">Name</label>
                        <input type="text" class="form-control form-control-dark" id="name" name="name" required>
                    </div>
                    <div class="mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" class="form-control form-control-dark" id="email" name="email" required>
                    </div>
                    <div class="mb-4">
                        <label for="access_code" class="form-label">Access Code</label>
                        <input type="password" class="form-control form-control-dark" id="access_code" name="access_code" required>
                    </div>
                    <div class="d-grid">
                        <button type="submit" class="btn custom-btn">Request Access</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}
