{% extends 'core/base.html' %}

{% block title %}{{ title }} - {{ org.name }} | Killian{% endblock %}

{% block content %}
<div class="breadcrumbs">
    <a href="{% url 'org_list' %}">Organizations</a><span>/</span>
    <a href="{% url 'org_detail' org.pk %}">{{ org.name }}</a><span>/</span>
    <a href="{% url 'org_module' org.pk 'internet-provider' %}">Internet Provider</a><span>/</span>
    <strong>{{ title }}</strong>
</div>

<div class="page-head page-head-width-1200">
    <div><h1>{{ title }}</h1><p>{{ subtitle }}</p></div>
    <div class="page-head-actions">
        <a class="button secondary" href="{{ back_url }}">Back</a>
    </div>
</div>

<div class="form-card" style="max-width:1200px;">
<form method="post">
{% csrf_token %}
{% if form.non_field_errors %}<div style="margin-bottom:18px;color:var(--danger);">{{ form.non_field_errors }}</div>{% endif %}

<section>
<h2 style="margin-top:0;font-size:20px;">Internet Connection</h2>
<div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;">
<div><label for="{{ form.internet_provider.id_for_label }}">{{ form.internet_provider.label }} *</label>{{ form.internet_provider }}{{ form.internet_provider.errors }}</div>
<div><label for="{{ form.link_type.id_for_label }}">{{ form.link_type.label }} *</label>{{ form.link_type }}{{ form.link_type.errors }}</div>
<div><label for="{{ form.location.id_for_label }}">{{ form.location.label }}</label>{{ form.location }}{{ form.location.errors }}</div>
<div><label for="{{ form.firewall_router.id_for_label }}">{{ form.firewall_router.label }}</label>{{ form.firewall_router }}{{ form.firewall_router.errors }}</div>
<div><label for="{{ form.account_number.id_for_label }}">{{ form.account_number.label }}</label>{{ form.account_number }}{{ form.account_number.errors }}{% if form.account_number.help_text %}<small>{{ form.account_number.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.monthly_fee.id_for_label }}">{{ form.monthly_fee.label }}</label>{{ form.monthly_fee }}{{ form.monthly_fee.errors }}{% if form.monthly_fee.help_text %}<small>{{ form.monthly_fee.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.download_speed_mbps.id_for_label }}">{{ form.download_speed_mbps.label }}</label>{{ form.download_speed_mbps }}{{ form.download_speed_mbps.errors }}{% if form.download_speed_mbps.help_text %}<small>{{ form.download_speed_mbps.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.upload_speed_mbps.id_for_label }}">{{ form.upload_speed_mbps.label }}</label>{{ form.upload_speed_mbps }}{{ form.upload_speed_mbps.errors }}{% if form.upload_speed_mbps.help_text %}<small>{{ form.upload_speed_mbps.help_text }}</small>{% endif %}</div>
<div style="grid-column:1 / -1;"><label for="{{ form.contact_details.id_for_label }}">{{ form.contact_details.label }}</label>{{ form.contact_details }}{{ form.contact_details.errors }}{% if form.contact_details.help_text %}<small>{{ form.contact_details.help_text }}</small>{% endif %}</div>
</div>
</section>

<div style="margin-top:30px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:10px;">
<button type="submit">Save Internet Provider</button><a class="button secondary" href="{{ back_url }}">Cancel</a>
</div>
</form>
</div>
{% endblock %}