{% extends "admin/layout.html" %}

{% block title %}Pengaturan | Admin Albab Store{% endblock %}
{% block topbar_title %}Pengaturan{% endblock %}

{% block content %}

<form method="POST" action="{{ url_for('admin_settings') }}" class="admin-form">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

    <!-- Informasi toko -->
    <div class="admin-card">
        <div class="admin-card-head"><h2>Informasi Toko</h2></div>
        <div class="form-grid-2">
            <div class="form-group">
                <label for="store_name">Nama Toko</label>
                <input type="text" id="store_name" name="store_name" value="{{ settings.store_name }}">
            </div>
            <div class="form-group">
                <label for="store_email">Email Toko</label>
                <input type="email" id="store_email" name="store_email" value="{{ settings.store_email }}">
            </div>
            <div class="form-group">
                <label for="tagline">Tagline</label>
                <input type="text" id="tagline" name="tagline" value="{{ settings.tagline }}">
            </div>
            <div class="form-group">
                <label for="whatsapp_number">Nomor WhatsApp (format 62)</label>
                <input type="text" id="whatsapp_number" name="whatsapp_number" value="{{ settings.whatsapp_number }}">
                <small class="form-hint">Contoh: 6281234567890 (tanpa tanda +)</small>
            </div>
            <div class="form-group span-2">
                <label for="wa_default_text">Teks WhatsApp Default</label>
                <input type="text" id="wa_default_text" name="wa_default_text" value="{{ settings.wa_default_text }}">
            </div>
        </div>
    </div>

    <!-- Harga domain & hosting -->
    <div class="admin-card">
        <div class="admin-card-head"><h2>Harga Domain &amp; Hosting</h2></div>
        <div class="form-grid-2">
            <div class="form-group">
                <label for="domain_price">Harga Domain (Rp/tahun)</label>
                <input type="number" id="domain_price" name="domain_price" min="0" value="{{ settings.domain_price }}">
            </div>
            <div class="form-group">
                <label for="hosting_price">Harga Hosting (Rp/tahun)</label>
                <input type="number" id="hosting_price" name="hosting_price" min="0" value="{{ settings.hosting_price }}">
            </div>
        </div>
    </div>

    <!-- Ganti password -->
    <div class="admin-card">
        <div class="admin-card-head"><h2>Ganti Password Admin</h2></div>
        <p class="form-hint">Kosongkan jika tidak ingin mengganti password.</p>
        <div class="form-grid-2">
            <div class="form-group">
                <label for="new_password">Password Baru</label>
                <input type="password" id="new_password" name="new_password" placeholder="Minimal 8 karakter">
            </div>
            <div class="form-group">
                <label for="confirm_password">Ulangi Password Baru</label>
                <input type="password" id="confirm_password" name="confirm_password" placeholder="Ulangi password">
            </div>
        </div>
    </div>

    <div class="form-actions">
        <button type="submit" class="btn btn-primary">💾 Simpan Pengaturan</button>
    </div>
</form>

{% endblock %}