{% extends 'base.html' %}
{% block title %}{% if system %}Editar{% else %}Nuevo{% endif %} Sistema{% endblock %}
{% block page_title %}{% if system %}Editar Sistema{% else %}Nuevo Sistema{% endif %}{% endblock %}
{% block topbar_actions %}<a href="{{ url_for('systems') }}" class="btn btn-secondary">← Volver</a>{% endblock %}
{% block content %}
<div class="card" style="max-width:500px">
    {% if system and system.is_default %}
    <div class="alert alert-warn mb-4">Los sistemas predefinidos no se pueden editar.</div>
    {% else %}
    <form method="POST">
        <div class="form-group mb-4">
            <label>Nombre del Sistema *</label>
            <input type="text" name="name" value="{{ system.name if system else '' }}"
                   required placeholder="Ej: Watermaker, Bow Thruster...">
        </div>
        <div class="form-group mb-4">
            <label>Descripción (opcional)</label>
            <textarea name="description">{{ system.description if system else '' }}</textarea>
        </div>
        <div class="flex gap-3">
            <button type="submit" class="btn btn-primary">💾 Guardar</button>
            <a href="{{ url_for('systems') }}" class="btn btn-secondary">Cancelar</a>
        </div>
    </form>
    {% endif %}
</div>
{% endblock %}