<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <title>{{ _('request_access_title') }}</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light d-flex align-items-center" style="min-height:100vh;">
<div class="container d-flex justify-content-center align-items-center" style="min-height: 100vh;">
    <div class="card shadow p-4" style="max-width: 400px; width:100%;">
        <h2 class="text-primary mb-4"><i class="bi bi-shield-lock me-2"></i>{{ _('request_access_title') }}</h2>
        {% if success %}
            <div class="alert alert-success">{{ _('request_received') }}</div>
        {% endif %}
        <form method="POST">
            <div class="mb-3">
                <label for="kullanici" class="form-label">{{ _('users_username') }}</label>
                <input type="text" class="form-control" id="kullanici" name="kullanici" required>
            </div>
            <div class="mb-3">
                <label for="neden" class="form-label">{{ _('reason') }}</label>
                <textarea class="form-control" id="neden" name="neden" rows="3" required></textarea>
            </div>
            <button type="submit" class="btn btn-info w-100"><i class="bi bi-send me-1"></i>{{ _('request_access_button') }}</button>
        </form>
    </div>
</div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
</body>
</html> 