{% extends 'base.html' %}
{% block title %}Nueva Versión — {{ swp.code }}{% endblock %}
{% block page_title %}Nueva Versión {{ new_version }} — {{ 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-4" style="padding:12px 16px;background:rgba(244,162,97,0.08);border:1px solid rgba(244,162,97,0.3)">
    <div style="font-size:13px;color:var(--warning)">
        ⚠️ Estás creando la versión <strong>{{ new_version }}</strong> de <strong>{{ swp.code }}</strong>.
        La versión actual quedará como "Supersedida" cuando apruebes esta nueva versión.
    </div>
</div>

<div class="card" style="max-width:860px">
<form method="POST">
    <div class="form-grid">
        <div class="form-group">
            <label>Motivo del Cambio *</label>
            <input type="text" name="change_reason" required
                   placeholder="Ej: Actualización requisitos OSHA 2026">
        </div>
        <div class="form-group">
            <label>Resumen de Diferencias</label>
            <input type="text" name="diff_summary"
                   placeholder="Ej: Se agregó paso de verificación LOTO">
        </div>
        <div class="form-group">
            <label>Fecha de Vigencia</label>
            <input type="date" name="effective_date">
        </div>
    </div>
    <hr style="border-color:rgba(255,255,255,0.08);margin:16px 0">
    <div class="form-grid">
        <div class="form-group full">
            <label>Propósito</label>
            <textarea name="purpose" rows="2">{{ current.purpose if current else '' }}</textarea>
        </div>
        <div class="form-group full">
            <label>Alcance</label>
            <textarea name="scope" rows="2">{{ current.scope if current else '' }}</textarea>
        </div>
        <div class="form-group full">
            <label>Riesgos Identificados <span style="color:var(--gray);font-size:11px">(uno por línea)</span></label>
            <textarea name="hazards" rows="4">{% if current %}{% set h=json.loads(current.hazards or '[]') %}{% for i in h %}{{ i }}
{% endfor %}{% endif %}</textarea>
        </div>
        <div class="form-group full">
            <label>EPP Requerido <span style="color:var(--gray);font-size:11px">(uno por línea)</span></label>
            <textarea name="ppe" rows="3">{% if current %}{% set p=json.loads(current.ppe or '[]') %}{% for i in p %}{{ i }}
{% endfor %}{% endif %}</textarea>
        </div>
        <div class="form-group full">
            <label>Herramientas y Materiales <span style="color:var(--gray);font-size:11px">(uno por línea)</span></label>
            <textarea name="tools" rows="3" placeholder="Multímetro&#10;Destornillador aislado&#10;Cinta aislante">{% if current %}{% set to=json.loads(current.tools or '[]') %}{% for i in to %}{{ i }}
{% endfor %}{% endif %}</textarea>
        </div>
        <div class="form-group full">
            <label>Pasos del Procedimiento <span style="color:var(--gray);font-size:11px">(uno por línea)</span></label>
            <textarea name="steps" rows="8">{% if current %}{% set s=json.loads(current.steps or '[]') %}{% for i in s %}{{ i }}
{% endfor %}{% endif %}</textarea>
        </div>
        <div class="form-group full">
            <label>Medidas de Emergencia</label>
            <textarea name="emergency" rows="3">{{ current.emergency if current else '' }}</textarea>
        </div>
        <div class="form-group full">
            <label>Referencias y Normativa <span style="color:var(--gray);font-size:11px">(una por línea)</span></label>
            <textarea name="ref_standards" rows="3">{% if current %}{% set r=json.loads(current.ref_standards or '[]') %}{% for i in r %}{{ i }}
{% endfor %}{% endif %}</textarea>
        </div>
    </div>
    <div style="background:rgba(0,180,216,0.06);border:1px solid rgba(0,180,216,0.2);border-radius:8px;padding:12px;margin-top:16px;font-size:12px;color:var(--gray)">
        ℹ️ Esta versión quedará en estado <strong style="color:var(--cyan)">Borrador</strong> hasta que el admin la apruebe desde el detalle del procedimiento.
    </div>
    <div class="flex gap-3 mt-6">
        <button type="submit" class="btn btn-primary">💾 Guardar Borrador</button>
        <a href="{{ url_for('swp_detail', sid=swp.id) }}" class="btn btn-secondary">Cancelar</a>
    </div>
</form>
</div>
{% endblock %}