{% extends "base.html" %}
{% block title %}{% if network %}Edit{% else %}Add{% endif %} Network — {{ config.BBS_NAME }}{% endblock %}

{% block extra_css %}
<style>
.binkp-fields, .qwk-fields { display: none; }
</style>
{% endblock %}

{% block content %}
<div class="bbs-header">
    <h1><i class="bi bi-diagram-3"></i> {% if network %}Edit Network: {{ network.name }}{% else %}Add Network{% endif %}</h1>
</div>

<a href="{{ url_for('echomail_admin.networks') }}" class="btn btn-primary btn-sm mb-3">
    <i class="bi bi-arrow-left"></i> Back to Networks
</a>

<div class="card">
    <div class="card-header"><i class="bi bi-gear"></i> Network Configuration</div>
    <div class="card-body">
        <form method="post">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            {{ form.hidden_tag() }}

            <div class="row g-3 mb-3">
                <div class="col-md-6">
                    {{ form.name.label(class="form-label") }}
                    {{ form.name(class="form-control") }}
                    {% for e in form.name.errors %}<div class="text-danger small">{{ e }}</div>{% endfor %}
                </div>
                <div class="col-md-3">
                    {{ form.network_type.label(class="form-label") }}
                    {{ form.network_type(class="form-control", id="network_type") }}
                </div>
                <div class="col-md-3">
                    {{ form.poll_interval_minutes.label(class="form-label") }}
                    {{ form.poll_interval_minutes(class="form-control") }}
                </div>
            </div>

            <div class="mb-3">
                {{ form.description.label(class="form-label") }}
                {{ form.description(class="form-control", rows=2) }}
            </div>

            <div class="mb-3 form-check">
                {{ form.is_active(class="form-check-input") }}
                <label class="form-check-label" for="is_active" style="color:#00ff00;">Active</label>
            </div>

            <!-- BinkP fields -->
            <div id="binkp-fields" class="card mb-3" style="border-color:#006600;">
                <div class="card-header" style="background:#001100; border-color:#006600;">
                    <i class="bi bi-hdd-network"></i> BinkP (FidoNet) Settings
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-8">
                            {{ form.binkp_host.label(class="form-label") }}
                            {{ form.binkp_host(class="form-control", placeholder="binkp.example.com") }}
                        </div>
                        <div class="col-md-4">
                            {{ form.binkp_port.label(class="form-label") }}
                            {{ form.binkp_port(class="form-control") }}
                        </div>
                    </div>
                    <div class="row g-3 mt-1">
                        <div class="col-md-4">
                            {{ form.our_address.label(class="form-label") }}
                            {{ form.our_address(class="form-control", placeholder="1:234/567") }}
                        </div>
                        <div class="col-md-4">
                            {{ form.hub_address.label(class="form-label") }}
                            {{ form.hub_address(class="form-control", placeholder="1:234/0") }}
                        </div>
                        <div class="col-md-4">
                            {{ form.binkp_password.label(class="form-label") }}
                            {{ form.binkp_password(class="form-control",
                                placeholder="(leave blank to keep current)") }}
                        </div>
                    </div>
                    <div class="row g-3 mt-1">
                        <div class="col-md-6">
                            {{ form.areafix_password.label(class="form-label") }}
                            {{ form.areafix_password(class="form-control",
                                placeholder="(leave blank to reuse BinkP password)") }}
                            <div class="form-text">
                                Many hubs use a separate password for AreaFix
                                requests. Set this if the hub's AreaFix bot
                                rejects you with "Invalid password" while
                                BinkP itself authenticates fine.
                            </div>
                        </div>
                    </div>
                    <div class="row g-3 mt-1">
                        <div class="col-md-6">
                            {{ form.default_recipient.label(class="form-label") }}
                            {{ form.default_recipient(class="form-control",
                                placeholder="e.g. SYSOP — for unaddressed netmail") }}
                        </div>
                        <div class="col-md-3 form-check d-flex align-items-end">
                            <div>
                                {{ form.cram_md5(class="form-check-input") }}
                                {{ form.cram_md5.label(class="form-check-label ms-1") }}
                            </div>
                        </div>
                        <div class="col-md-3 form-check d-flex align-items-end">
                            <div>
                                {{ form.binkp_tls(class="form-check-input") }}
                                {{ form.binkp_tls.label(class="form-check-label ms-1") }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- QWK fields -->
            <div id="qwk-fields" class="card mb-3" style="border-color:#006600;">
                <div class="card-header" style="background:#001100; border-color:#006600;">
                    <i class="bi bi-envelope-paper"></i> QWK (Dove-Net) Settings
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-7">
                            {{ form.qwk_host.label(class="form-label") }}
                            {{ form.qwk_host(class="form-control", placeholder="qwk.example.com") }}
                        </div>
                        <div class="col-md-2">
                            {{ form.qwk_port.label(class="form-label") }}
                            {{ form.qwk_port(class="form-control") }}
                        </div>
                        <div class="col-md-3">
                            {{ form.qwk_packet_id.label(class="form-label") }}
                            {{ form.qwk_packet_id(class="form-control", placeholder="MYBBS") }}
                        </div>
                    </div>
                    <div class="row g-3 mt-1">
                        <div class="col-md-6">
                            {{ form.qwk_username.label(class="form-label") }}
                            {{ form.qwk_username(class="form-control") }}
                        </div>
                        <div class="col-md-6">
                            {{ form.qwk_password.label(class="form-label") }}
                            {{ form.qwk_password(class="form-control") }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex justify-content-between">
                <a href="{{ url_for('echomail_admin.networks') }}" class="btn btn-primary">
                    <i class="bi bi-x-circle"></i> Cancel
                </a>
                {{ form.submit(class="btn btn-primary") }}
            </div>
        </form>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
function updateFields() {
    var type = document.getElementById('network_type').value;
    document.getElementById('binkp-fields').style.display = (type === 'binkp') ? 'block' : 'none';
    document.getElementById('qwk-fields').style.display   = (type === 'qwk')   ? 'block' : 'none';
}
document.getElementById('network_type').addEventListener('change', updateFields);
updateFields();
</script>
{% endblock %}