{% extends "base.html" %}
{% block title %}Move from my old server - preview - RadiusForge{% endblock %}
{% block content %}
    <div class="rf-page-head">
        <div>
            <h1>Ready to move in{% if server %} from {{ server }}{% endif %}</h1>
            <p class="rf-lede">This is what RadiusForge found in your move file. <strong>Nothing has been
                saved yet</strong> - review it, then continue to import.</p>
        </div>
    </div>

    {% if glance %}
    <dl class="rf-stat-row">
        {% for g in glance %}
        <div><dt>{{ g.label }}</dt><dd>{{ g.value }}{% if g.note %}<small>{{ g.note }}</small>{% endif %}</dd></div>
        {% endfor %}
    </dl>
    {% endif %}

    <div class="rf-page-head"><div><h2>What will be created</h2>
        <p class="rf-lede">{{ subscribers_total }} subscriber{{ subscribers_total|pluralize }}
            ({{ suspended_total }} suspended), {{ plans|length }} plan{{ plans|length|pluralize }},
            {{ routers|length }} router{{ routers|length|pluralize }}, in a new Organization.</p></div></div>

    <h3>Plans</h3>
    <table class="rf-cards">
        <thead><tr><th>Plan</th><th>Speed</th><th>At once</th><th>Limits</th><th>Extra settings kept</th></tr></thead>
        <tbody>
        {% for p in plans %}
            <tr>
                <td data-label="Plan" class="rf-primary">{{ p.name }}{% if p.is_reject %}
                    <span class="rf-tag">disabled - members suspended</span>{% endif %}</td>
                <td data-label="Speed">{% if p.download_mbps %}{{ p.download_mbps }}M down / {{ p.upload_mbps }}M up{% else %}—{% endif %}</td>
                <td data-label="At once">{{ p.simultaneous_use }}</td>
                <td data-label="Limits">{% if p.time_cap_hours %}{{ p.time_cap_hours }} h/month{% endif %}
                    {% if p.session_timeout_minutes %} session {{ p.session_timeout_minutes }}m{% endif %}
                    {% if p.idle_timeout_minutes %} idle {{ p.idle_timeout_minutes }}m{% endif %}</td>
                <td data-label="Extra settings kept">{% if p.extras %}{{ p.extras|length }} kept exactly{% else %}—{% endif %}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <h3>Routers</h3>
    <table class="rf-cards">
        <thead><tr><th>Name</th><th>Address</th><th>Type</th><th>Shared secret</th></tr></thead>
        <tbody>
        {% for r in routers %}
            <tr>
                <td data-label="Name" class="rf-primary">{{ r.shortname|default:r.nasname }}</td>
                <td data-label="Address">{{ r.nasname }}</td>
                <td data-label="Type">{{ r.type }}</td>
                <td data-label="Shared secret">comes across (not shown)</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    {% if warnings %}
    <div class="rf-message rf-message-error">
        <p><strong>Worth knowing before you import:</strong></p>
        <ul>{% for w in warnings %}<li>{{ w }}</li>{% endfor %}</ul>
    </div>
    {% endif %}

    <div class="rf-page-head"><div><h2>A few choices, then import</h2>
        <p class="rf-lede">We have filled in what we recommend - change it if you like.</p></div></div>

    <form method="post" action="{% url 'import-commit' %}" class="rf-form-card">
        {% csrf_token %}
        <label for="id_org_name">Name for this Organization</label>
        <input type="text" name="org_name" id="id_org_name" maxlength="200"
               value="{{ default_org_name }}" required>
        <div class="helptext">Everything imported goes into this Organization. You can rename it later.</div>

        {% if has_plan_class %}
        <div class="checkbox-row">
            <input type="checkbox" name="keep_plan_class" id="id_keep_plan_class" checked>
            <label for="id_keep_plan_class">Keep your own attribute <strong>ISP-Plan-Class</strong> on plans</label>
        </div>
        <div class="helptext">Your plans use a custom attribute. Keeping it (recommended) carries it across
            exactly; leaving it out drops it from the imported plans.</div>
        {% endif %}

        {% if has_customers %}
        <div class="checkbox-row">
            <input type="checkbox" name="customers_as_details" id="id_customers_as_details">
            <label for="id_customers_as_details">Fill in subscriber names and contact details from your customers table</label>
        </div>
        <div class="helptext">Your move file has a customers table. Turn this on to copy names, emails and
            phone numbers onto the imported subscribers.</div>
        {% endif %}

        <div class="rf-form-actions">
            <button type="submit">Import into RadiusForge</button>
        </div>
    </form>

    <form method="post" action="{% url 'import-cancel' %}" class="rf-inline-form">
        {% csrf_token %}
        <button type="submit" class="small-button">Cancel this move</button>
    </form>
{% endblock %}