{% extends 'base.html' %}
{% block title %}Editar — {{ swp.code }}{% endblock %}
{% block page_title %}Editar datos — {{ swp.code }}{% endblock %}
{% block topbar_actions %}
    <a href="{{ url_for('swp_detail', sid=swp.id) }}" class="btn btn-secondary">← Cancelar</a>
{% endblock %}
{% block content %}
<div class="card mb-3" style="padding:12px 16px;background:rgba(0,180,216,0.06);border:1px solid rgba(0,180,216,0.2)">
    <div style="font-size:13px;color:var(--gray)">
        ℹ️ Edita código, título, categoría y compañía. Para cambiar el contenido (pasos, riesgos, EPP) usa
        <a href="{{ url_for('swp_detail', sid=swp.id) }}" style="color:var(--warning)">✏️ Editar Borrador</a> o
        <a href="{{ url_for('swp_new_version', sid=swp.id) }}" style="color:var(--cyan)">📝 Nueva Versión</a> desde el detalle del procedimiento.
    </div>
</div>
<div class="card" style="max-width:640px">
<form method="POST">
    <div class="form-grid">
        <div class="form-group full">
            <label>Compañía *</label>
            <select name="company_id" required>
                <option value="">— Seleccionar —</option>
                {% for c in companies %}
                <option value="{{ c.id }}" {% if swp.company_id==c.id %}selected{% endif %}>{{ c.name }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="form-group">
            <label>Código <span style="color:var(--gray);font-size:11px">(solo corrección de errores tipográficos)</span></label>
            <input type="text" name="code" value="{{ swp.code }}" required>
        </div>
        <div class="form-group">
            <label>Categoría *</label>
            <select name="category" required>
                {% for val, label in categories %}
                <option value="{{ val }}" {% if swp.category==val %}selected{% endif %}>{{ label }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="form-group full">
            <label>Título *</label>
            <input type="text" name="title" value="{{ swp.title }}" required>
        </div>
    </div>
    <div class="flex gap-3 mt-4">
        <button type="submit" class="btn btn-primary">💾 Guardar</button>
        <a href="{{ url_for('swp_detail', sid=swp.id) }}" class="btn btn-secondary">Cancelar</a>
    </div>
</form>
</div>
{% endblock %}