{% extends "base.html" %}
{% block titulo %}{{ 'Editar' if uid else 'Nuevo' }} integrante{% endblock %}
{% block encabezado %}{{ 'Editar ficha' if uid else 'Nueva ficha de personal' }}{% endblock %}
{% block contenido %}

<div class="tarjeta" style="max-width:860px">
  <form class="tarjeta__cuerpo" method="post">
    <h3>Datos personales</h3>
    <div class="form-grid">
      <div class="campo"><label>Nombre completo *</label>
        <input name="nombre_completo" value="{{ registro.get('nombre_completo','') }}" required></div>
      <div class="campo"><label>RUT</label>
        {% set _r = (registro.get('rut','') or '').split('-') %}
        <div class="rut-box">
          <input name="rut" data-rut value="{{ _r[0] }}">
          <span>-</span>
          <input name="dv" data-dv value="{{ _r[1] if _r|length > 1 else '' }}">
        </div>
      </div>
      <div class="campo"><label>Teléfono</label>
        <input name="telefono" value="{{ registro.get('telefono','') }}"></div>
      <div class="campo"><label>Correo</label>
        <input name="correo" value="{{ registro.get('correo','') }}"></div>
      <div class="campo full"><label>Dirección</label>
        <input name="direccion" value="{{ registro.get('direccion','') }}"></div>
    </div>

    <h3 style="margin-top:8px">Credenciales y rol</h3>
    <div class="form-grid">
      <div class="campo"><label>Usuario *</label>
        <input name="username" value="{{ registro.get('username','') }}" required></div>
      <div class="campo"><label>Contraseña {{ '' if uid else '*' }}</label>
        <input type="password" name="clave" placeholder="{{ 'dejar en blanco = sin cambios' if uid else '' }}"></div>
      <div class="campo"><label>Rol</label>
        <select name="rol">
          <option {{ 'selected' if registro.get('rol')=='Vendedor' }}>Vendedor</option>
          <option {{ 'selected' if registro.get('rol')=='Admin' }}>Admin</option>
        </select>
      </div>
    </div>

    <h3 style="margin-top:8px">Permisos</h3>
    <label style="display:block;margin:6px 0"><input type="checkbox" name="imprimir_en_pdf" {{ 'checked' if registro.get('imprimir_en_pdf') }}> Imprimir mi nombre (“Emitido por”) en los PDF</label>
    <label style="display:block;margin:6px 0"><input type="checkbox" name="permiso_caja" {{ 'checked' if registro.get('permiso_caja') }}> Puede marcar OT como Pagadas (caja)</label>
    <label style="display:block;margin:6px 0"><input type="checkbox" name="permiso_catalogo" {{ 'checked' if registro.get('permiso_catalogo') }}> Puede administrar el catálogo</label>
    <label style="display:block;margin:6px 0"><input type="checkbox" name="permiso_oc" {{ 'checked' if registro.get('permiso_oc') }}> Puede emitir Órdenes de Compra</label>

    <div class="acciones">
      <button class="btn btn--primario">Guardar ficha</button>
      <a class="btn btn--fantasma" href="{{ url_for('equipo.lista') }}">Cancelar</a>
    </div>
  </form>
</div>
{% endblock %}