{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Receipt Delivery Settings - Gvelo Enterprise Platform{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/hil-pages/receipt_delivery_settings.css">
{% endblock %}
{% block content %}
<div class="container receipt-delivery-settings-page">
    <h1 class="brand">Gvelo Enterprise Platform</h1>
    <div class="card">
        <h2>Receipt Delivery Settings</h2>
        <p class="hint">Admins enter the API details used by cashiers to send receipts through WhatsApp, SMS, and email. Leave secret fields blank to keep the saved value.</p>

        {% with messages = get_flashed_messages(with_categories=true) %}
            {% if messages %}
                {% for category, message in messages %}
                    <div class="flash {{ category }}">{{ message }}</div>
                {% endfor %}
            {% endif %}
        {% endwith %}

        <div class="status-row">
            <span class="badge {{ 'ok' if status.email else 'missing' }}">Email {{ 'Ready' if status.email else 'Missing API Details' }}</span>
            <span class="badge {{ 'ok' if status.sms else 'missing' }}">SMS {{ 'Ready' if status.sms else 'Missing API Details' }}</span>
            <span class="badge {{ 'ok' if status.whatsapp else 'missing' }}">WhatsApp {{ 'Ready' if status.whatsapp else 'Missing API Details' }}</span>
        </div>

        <form method="POST" action="/admin/receipt-delivery">
            <div class="settings-grid">
                <section class="settings-card">
                    <h3>Email SMTP</h3>
                    <label>SMTP server</label>
                    <input name="smtp_server" value="{{ settings.smtp_server or '' }}" placeholder="smtp.gmail.com">
                    <label>SMTP port</label>
                    <input name="smtp_port" type="number" value="{{ settings.smtp_port or '587' }}">
                    <label>SMTP username</label>
                    <input name="smtp_user" value="{{ settings.smtp_user or '' }}" placeholder="email@example.com">
                    <label>SMTP password / app password</label>
                    <input name="smtp_password" type="password" placeholder="{{ 'Saved - leave blank to keep' if settings.smtp_password else 'SMTP password' }}">
                    <label>From email</label>
                    <input name="smtp_from" value="{{ settings.smtp_from or settings.smtp_user or '' }}" placeholder="receipts@example.com">
                    <label class="hil-inline-29ba4b0e5c">
                        <input type="checkbox" name="smtp_use_tls" value="1" {% if settings.smtp_use_tls != '0' %}checked{% endif %} class="hil-inline-a3d6c55d04">
                        Use TLS
                    </label>
                </section>

                <section class="settings-card">
                    <h3>SMS API</h3>
                    <p class="hint">Uses Africa's Talking SMS API.</p>
                    <label>Africa's Talking username</label>
                    <input name="at_username" value="{{ settings.at_username or '' }}" placeholder="sandbox or live username">
                    <label>API key</label>
                    <input name="at_api_key" type="password" placeholder="{{ 'Saved - leave blank to keep' if settings.at_api_key else 'Africa Talking API key' }}">
                    <label>Sender ID</label>
                    <input name="at_sender" value="{{ settings.at_sender or 'GVELO' }}" placeholder="GVELO">
                </section>

                <section class="settings-card">
                    <h3>WhatsApp Cloud API</h3>
                    <p class="hint">Uses Meta WhatsApp Cloud API text messages. Use the phone number ID from Meta Developer settings.</p>
                    <label>Phone number ID</label>
                    <input name="wa_phone_id" value="{{ settings.wa_phone_id or '' }}" placeholder="Meta phone number ID">
                    <label>Access token</label>
                    <input name="wa_access_token" type="password" placeholder="{{ 'Saved - leave blank to keep' if settings.wa_access_token else 'Permanent or long-lived token' }}">
                    <label>Graph API version</label>
                    <input name="wa_api_version" value="{{ settings.wa_api_version or 'v18.0' }}" placeholder="v18.0">
                </section>
            </div>

            <div class="actions">
                <button type="submit">Save Delivery Settings</button>
                {{ ui.button('Admin Dashboard', '/admin') }}
                {{ ui.button('Receipts', '/receipts') }}
                {% if session.get('server_owner') %}
                    {{ ui.button('Verification Controls', '/server/verification-controls') }}
                {% endif %}
            </div>
        </form>
    </div>
</div>
{% endblock %}