{% extends 'base.html' %}
{% block title %}Contact Info — Admin{% endblock %}
{% block content %}
<section class="content-section">
    <div class="content-inner" style="max-width: 700px;">
        <div class="admin-header-row">
            <div>
                <span class="section-kicker">Admin Portal</span>
                <h1>Contact Info</h1>
            </div>
            <a href="{% url 'accounts:admin_portal' %}" class="btn-small">&larr; Back to portal</a>
        </div>

        <p style="color: var(--muted); margin-bottom: 24px;">
            These are the channels shown on the public Contact page and used to route messages sent through
            the contact form.
        </p>

        <div class="contact-form-wrap" style="max-width: 500px;">
            <form method="post" class="contact-form">
                {% csrf_token %}
                <label for="support_email">Support email</label>
                <input type="email" id="support_email" name="support_email" value="{{ contact_settings.support_email }}" required>

                <label for="inquiry_email">Direct / business inquiries email</label>
                <input type="email" id="inquiry_email" name="inquiry_email" value="{{ contact_settings.inquiry_email }}" required>

                <label for="direct_email">Direct contact email</label>
                <input type="email" id="direct_email" name="direct_email" value="{{ contact_settings.direct_email }}">

                <label for="phone_numbers">Phone number(s)</label>
                <input type="text" id="phone_numbers" name="phone_numbers" value="{{ contact_settings.phone_numbers }}" placeholder="Comma-separated, e.g. +255 700 000 000, +255 600 000 000">

                <label for="office_address">Office address</label>
                <textarea id="office_address" name="office_address" rows="2">{{ contact_settings.office_address }}</textarea>

                <label for="whatsapp_number">WhatsApp number for payment proof</label>
                <p style="color: var(--muted); font-size: 0.82rem; margin: -4px 0 6px;">
                    Country code, no +, no spaces (e.g. 255695738861). This is where customers are sent to submit
                    their payment proof screenshot after checkout.
                </p>
                <input type="text" id="whatsapp_number" name="whatsapp_number" value="{{ whatsapp_number }}" placeholder="255700000000">

                <button type="submit" class="btn-cta">Save Changes</button>
            </form>
        </div>
    </div>
</section>
{% endblock %}