{% extends "base.html" %}

{% block title %}Central — Edit {{ adapter.name }}{% endblock %}

{% block head %}
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.css" integrity="sha512-gc3xjCmIy673V6MyOAZhIW93xhM9ei1I+gLbmFjUHIjocENRsLX/QUE1htk5q1XV2D/iie/VQ8DXI6Uj8GB1Og==" crossorigin="anonymous">
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.js" integrity="sha512-ozq8xQKq6urvuU6jNgkfqAmT7jKN2XumbrX1JiB3TnF7tI48DPI4Ber9dLJ0ikXiRg9G9Vl2jXwqjZ5LDGQ3g==" crossorigin="anonymous"></script>
{% endblock %}

{% block content %}
<h1>Edit Adapter: {{ adapter.name }}</h1>

<form method="post" action="/adapters/{{ adapter.name }}">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

    <fieldset>
        <legend>Universal Settings</legend>

        <label>
            <input type="checkbox" name="enabled" {% if adapter.enabled %}checked{% endif %}>
            Enabled
        </label>

        <label for="cadence_s">Cadence (seconds)</label>
        <input type="number" id="cadence_s" name="cadence_s" value="{{ form_data.cadence_s if form_data else adapter.cadence_s }}" min="60" max="3600" required>
        {% if errors and errors.cadence_s %}
        <small style="color: var(--pico-color-red-500);">{{ errors.cadence_s }}</small>
        {% endif %}
    </fieldset>

    <fieldset>
        <legend>Adapter-Specific Settings</legend>
        {% include "adapters_edit_" + adapter.name + ".html" %}
    </fieldset>

    <fieldset>
        <legend>Region</legend>
        {% include "_region_picker.html" %}
    </fieldset>

    <button type="submit">Save Changes</button>
    <a href="/adapters" role="button" class="outline">Cancel</a>
</form>
{% endblock %}