{% extends "base.html" %}
{% block title %}Editar — {{ empleado.nombre }}{% endblock %}
{% block page_title %}✏️ Editar Empleado{% endblock %}

{% block content %}
<div class="card" style="max-width:700px;">
  <div class="card-header">
    <div>
      <div class="card-title">{{ empleado.nombre }}</div>
      <div class="card-subtitle">RUT: {{ empleado.rut }} — {{ locales[empleado.local].nombre if empleado.local in locales else empleado.local }}</div>
    </div>
    <a href="{{ url_for('empleados') }}" class="btn btn-secondary btn-sm">← Volver</a>
  </div>

  <form method="POST" action="{{ url_for('editar_empleado', empleado_id=empleado.id) }}">
    <div style="display:grid; grid-template-columns:1fr 1fr; gap:16px;">
      <div class="form-group" style="grid-column:1/-1;">
        <label>👤 Nombre Completo *</label>
        <input type="text" name="nombre" required value="{{ empleado.nombre }}">
      </div>
      <div class="form-group">
        <label>🪪 RUT</label>
        <input type="text" value="{{ empleado.rut }}" disabled style="opacity:0.5;">
        <small class="text-muted">El RUT no se puede cambiar</small>
      </div>
      <div class="form-group">
        <label>💼 Cargo *</label>
        <select name="cargo" required>
          {% for cargo in ['Vendedora','Vendedor','Supervisora','Supervisor','Encargada','Cajera','Asistente'] %}
          <option value="{{ cargo }}" {% if empleado.cargo == cargo %}selected{% endif %}>{{ cargo }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="form-group">
        <label>💰 Salario Base ($)</label>
        <input type="number" name="salario_base" min="0" step="1000" value="{{ empleado.salario_base or 0 }}">
      </div>
      <div class="form-group">
        <label>📱 Teléfono</label>
        <input type="text" name="telefono" value="{{ empleado.telefono or '' }}" placeholder="+56 9 1234 5678">
      </div>
      <div class="form-group" style="grid-column:1/-1;">
        <label>📧 Email</label>
        <input type="email" name="email" value="{{ empleado.email or '' }}">
      </div>
    </div>

    <div style="display:flex; gap:12px; margin-top:8px;">
      <button type="submit" class="btn btn-primary">💾 Actualizar</button>
      <a href="{{ url_for('empleados') }}" class="btn btn-secondary">Cancelar</a>
    </div>
  </form>
</div>
{% endblock %}