{% extends "base.html" %}

{% block title %}System Settings{% endblock %}

{% block content %}
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-2 pb-3 mb-4 border-bottom">
    <h1 class="h2"><i class="fa-solid fa-sliders text-primary me-2"></i>System Credentials & Admin Settings</h1>
</div>

<div class="card col-lg-8">
    <div class="card-header bg-white py-3">
        <h5 class="mb-0 fw-bold"><i class="fa-solid fa-key me-2 text-warning"></i>API Credentials & Panel Access</h5>
    </div>
    <div class="card-body">
        <form action="{{ url_for('settings') }}" method="POST">
            <div class="mb-3">
                <label for="api_id" class="form-label font-weight-bold">Telegram API_ID *</label>
                <input type="text" class="form-control" name="api_id" value="{{ api_id }}" placeholder="e.g. 1234567" required>
                <div class="form-text">Obtain from <a href="https://my.telegram.org" target="_blank">my.telegram.org</a></div>
            </div>

            <div class="mb-3">
                <label for="api_hash" class="form-label font-weight-bold">Telegram API_HASH *</label>
                <input type="text" class="form-control" name="api_hash" value="{{ api_hash }}" placeholder="e.g. 0123456789abcdef0123456789abcdef" required>
            </div>

            <hr class="my-4">

            <div class="mb-3">
                <label for="bot_token" class="form-label font-weight-bold">Telegram Admin Bot Token (@BotFather)</label>
                <input type="text" class="form-control" name="bot_token" value="{{ bot_token }}" placeholder="123456789:ABCdefGHIjklMNOpqrsTUVwxyz">
                <div class="form-text">Optional Bot Token for controlling system directly inside Telegram.</div>
            </div>

            <div class="mb-3">
                <label for="admin_user_id" class="form-label font-weight-bold">Telegram Admin Numeric User ID</label>
                <input type="text" class="form-control" name="admin_user_id" value="{{ admin_user_id }}" placeholder="123456789">
                <div class="form-text">Numeric Telegram ID of Super Admin who can access `/admin` bot command.</div>
            </div>

            <hr class="my-4">

            <div class="mb-4">
                <label for="admin_password" class="form-label font-weight-bold">Web Admin Panel Password</label>
                <input type="password" class="form-control" name="admin_password" value="{{ admin_password }}" placeholder="Change Web Panel Login Password">
            </div>

            <button type="submit" class="btn btn-primary btn-lg">
                <i class="fa-solid fa-floppy-disk me-1"></i>Save All Settings
            </button>
        </form>
    </div>
</div>
{% endblock %}