{% extends "base.html" %}

{% block title %}{{ 'Gateway bearbeiten' if gateway else 'Neues Gateway' }} - mGuard VPN Manager{% endblock %}

{% block content %}
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/gateways">Gateways</a></li>
        <li class="breadcrumb-item active">{{ 'Bearbeiten' if gateway else 'Neu' }}</li>
    </ol>
</nav>

<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="bi bi-{{ 'pencil' if gateway else 'plus-circle' }}"></i>
                    {{ 'Gateway bearbeiten' if gateway else 'Neues Gateway' }}
                </h5>
            </div>
            <div class="card-body">
                <form method="post" action="{{ '/gateways/' ~ gateway.id ~ '/edit' if gateway else '/gateways/new' }}">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Name *</label>
                            <input type="text" class="form-control" name="name" required
                                   value="{{ gateway.name if gateway else '' }}"
                                   placeholder="z.B. Kunde ABC - Türsteuerung">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Router-Typ *</label>
                            <select class="form-select" name="router_type" required>
                                <option value="">Bitte wählen</option>
                                <option value="FL_MGUARD_2000" {{ 'selected' if gateway and gateway.router_type.value == 'FL_MGUARD_2000' }}>FL MGUARD 2000</option>
                                <option value="FL_MGUARD_4000" {{ 'selected' if gateway and gateway.router_type.value == 'FL_MGUARD_4000' }}>FL MGUARD 4000</option>
                                <option value="FL_MGUARD_RS4000" {{ 'selected' if gateway and gateway.router_type.value == 'FL_MGUARD_RS4000' }}>FL MGUARD RS4000</option>
                                <option value="FL_MGUARD_1000" {{ 'selected' if gateway and gateway.router_type.value == 'FL_MGUARD_1000' }}>FL MGUARD 1000</option>
                            </select>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Firmware-Version</label>
                            <input type="text" class="form-control" name="firmware_version"
                                   value="{{ gateway.firmware_version if gateway else '' }}"
                                   placeholder="z.B. 10.5.1">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Seriennummer</label>
                            <input type="text" class="form-control" name="serial_number"
                                   value="{{ gateway.serial_number if gateway else '' }}"
                                   placeholder="Optional">
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Standort</label>
                            <input type="text" class="form-control" name="location"
                                   value="{{ gateway.location if gateway else '' }}"
                                   placeholder="z.B. Halle 1, Raum 102">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">VPN Subnetz</label>
                            <input type="text" class="form-control" name="vpn_subnet"
                                   value="{{ gateway.vpn_subnet if gateway else '' }}"
                                   placeholder="z.B. 10.0.0.0/24">
                            <small class="text-muted">Netzwerk hinter dem Gateway</small>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Beschreibung</label>
                        <textarea class="form-control" name="description" rows="3"
                                  placeholder="Optionale Beschreibung">{{ gateway.description if gateway else '' }}</textarea>
                    </div>

                    {% if current_user.is_super_admin and not gateway %}
                    <div class="mb-3">
                        <label class="form-label">Mandant</label>
                        <select class="form-select" name="tenant_id">
                            {% for tenant in tenants %}
                            <option value="{{ tenant.id }}">{{ tenant.name }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    {% endif %}

                    <hr>

                    <div class="d-flex justify-content-between">
                        <a href="/gateways{{ '/' ~ gateway.id if gateway else '' }}" class="btn btn-secondary">
                            <i class="bi bi-x-circle"></i> Abbrechen
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-circle"></i> {{ 'Speichern' if gateway else 'Gateway anlegen' }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}