{% extends 'base.html' %}
{% from '_partials/page_header.html' import page_header %}
{% block title %}Serial · Defaults{% endblock %}
{% block content %}
    {{ page_header('Serial', tabs=tabs, active_tab='defaults') }}
    <form method="post" action="{{ url_for('serial_defaults') }}" class="space-y-6" data-dirty-track>
        <div class="rounded-lg border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-5">
            <h3 class="font-semibold mb-4">Default serial parameters</h3>
            <div class="grid grid-cols-2 md:grid-cols-4 gap-3">
                <div>
                    <label class="block text-xs text-slate-500 mb-1">Baud</label>
                    <select name="baud" class="w-full rounded-md border-slate-300 dark:border-slate-700 dark:bg-slate-800 text-sm">
                        {% for b in [1200, 2400, 4800, 9600, 19200, 38400, 57600, 115200] %}
                            <option value="{{ b }}" {% if defaults.baud == b %}selected{% endif %}>{{ b }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div>
                    <label class="block text-xs text-slate-500 mb-1">Parity</label>
                    <select name="parity" class="w-full rounded-md border-slate-300 dark:border-slate-700 dark:bg-slate-800 text-sm">
                        {% for p in ['n', 'e', 'o'] %}<option value="{{ p }}" {% if defaults.parity == p %}selected{% endif %}>{{ {'n':'None','e':'Even','o':'Odd'}[p] }}</option>{% endfor %}
                    </select>
                </div>
                <div>
                    <label class="block text-xs text-slate-500 mb-1">Data bits</label>
                    <select name="data_bits" class="w-full rounded-md border-slate-300 dark:border-slate-700 dark:bg-slate-800 text-sm">
                        {% for b in [7, 8] %}<option value="{{ b }}" {% if defaults.data_bits == b %}selected{% endif %}>{{ b }}</option>{% endfor %}
                    </select>
                </div>
                <div>
                    <label class="block text-xs text-slate-500 mb-1">Stop bits</label>
                    <select name="stop_bits" class="w-full rounded-md border-slate-300 dark:border-slate-700 dark:bg-slate-800 text-sm">
                        {% for b in [1, 2] %}<option value="{{ b }}" {% if defaults.stop_bits == b %}selected{% endif %}>{{ b }}</option>{% endfor %}
                    </select>
                </div>
            </div>
        </div>

        <div class="rounded-lg border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-5">
            <h3 class="font-semibold mb-4">Logging &amp; banner</h3>
            <div class="space-y-3">
                <div>
                    <label class="block text-xs text-slate-500 mb-1">Banner</label>
                    <input type="text" name="banner" value="{{ defaults.banner }}"
                           class="w-full rounded-md border-slate-300 dark:border-slate-700 dark:bg-slate-800 text-sm font-mono">
                </div>
                <div>
                    <label class="block text-xs text-slate-500 mb-1">Trace log directory</label>
                    <input type="text" name="trace_dir" value="{{ defaults.trace_dir }}"
                           class="w-full rounded-md border-slate-300 dark:border-slate-700 dark:bg-slate-800 text-sm font-mono">
                </div>
            </div>
        </div>

        <div class="flex justify-end">
            <button type="submit" class="inline-flex items-center gap-2 btn-primary px-4 py-2 rounded-md text-sm font-medium">
                <i data-lucide="save" class="h-4 w-4"></i> Save defaults
            </button>
        </div>
    </form>

{% endblock %}