{% extends "base.html" %}
{% block content %}
<section class="admin-overdue-panel">
  <div class="panel-header">
    <h2>Tareas retrasadas</h2>
    <a class="ghost-button" href="/projects">Ver proyectos</a>
  </div>
  {% if overdue_tasks %}
  <div class="overdue-grid">
    {% for item in overdue_tasks %}
    <div class="overdue-card">
      <div class="project-title">{{ item.task.title }}</div>
      <div class="project-desc">{{ item.project.name }}</div>
      <div class="task-extra">Responsable: {{ item.task.assigned_user.username if item.task.assigned_user else "Sin asignar" }}</div>
      <div class="task-extra">En proceso: {{ item.metrics.elapsed_days }} dias</div>
      <div class="task-extra">
        Restantes:
        <span class="metric-value negative">{{ item.metrics.remaining_days }} dias</span>
      </div>
      <div class="task-extra">Retraso acumulado: {{ item.metrics.overdue_days }} dias</div>
    </div>
    {% endfor %}
  </div>
  {% else %}
  <div class="empty-state">No hay tareas retrasadas en este momento.</div>
  {% endif %}
</section>

<section class="admin-grid">
  <div class="admin-card">
    <h3>Crear usuario</h3>
    <form method="post" action="/admin/users" class="stack">
      <label>Usuario<input type="text" name="username" required /></label>
      <label>Email<input type="email" name="email" required /></label>
      <label>Contrasena<input type="password" name="password" required /></label>
      <label>Rol
        <select name="role">
          <option value="user">Usuario</option>
          <option value="admin">Administrador</option>
        </select>
      </label>
      <button class="primary" type="submit">Crear</button>
    </form>
  </div>

  <div class="admin-card">
    <h3>Crear proyecto</h3>
    <form method="post" action="/admin/projects" class="stack">
      <label>Nombre<input type="text" name="name" required /></label>
      <label>Descripcion<input type="text" name="description" /></label>
      <label>Tipo
        <select name="is_group">
          <option value="false">Individual</option>
          <option value="true">Grupo</option>
        </select>
      </label>
      <button class="primary" type="submit">Crear</button>
    </form>
  </div>

  <div class="admin-card">
    <h3>Agregar miembro</h3>
    <form method="post" action="/admin/projects/members" class="stack">
      <label>Proyecto
        <select name="project_id">
          {% for project in projects %}
          <option value="{{ project.id }}">{{ project.name }}</option>
          {% endfor %}
        </select>
      </label>
      <label>Usuario
        <select name="user_id">
          {% for u in users %}
          <option value="{{ u.id }}">{{ u.username }}</option>
          {% endfor %}
        </select>
      </label>
      <button class="primary" type="submit">Agregar</button>
    </form>
  </div>

  <div class="admin-card">
    <h3>Crear tarea</h3>
    <form method="post" action="/admin/tasks" class="stack">
      <label>Proyecto
        <select name="project_id">
          {% for project in projects %}
          <option value="{{ project.id }}">{{ project.name }}</option>
          {% endfor %}
        </select>
      </label>
      <label>Titulo<input type="text" name="title" required /></label>
      <label>Descripcion<input type="text" name="description" /></label>
      <label>Duracion (dias)<input type="number" name="duration_days" min="1" value="1" required /></label>
      <label>Prioridad
        <select name="priority">
          <option value="low">Baja</option>
          <option value="medium" selected>Media</option>
          <option value="high">Alta</option>
        </select>
      </label>
      <label>Asignar a
        <select name="assigned_user_id">
          <option value="">Sin asignar</option>
          {% for u in users %}
          <option value="{{ u.id }}">{{ u.username }}</option>
          {% endfor %}
        </select>
      </label>
      <button class="primary" type="submit">Crear</button>
    </form>
  </div>

  <div class="admin-card">
    <h3>Asignar tarea</h3>
    <form method="post" action="/admin/tasks/assign" class="stack">
      <label>Tarea
        <select name="task_id">
          {% for t in tasks %}
          <option value="{{ t.id }}">{{ t.title }}</option>
          {% endfor %}
        </select>
      </label>
      <label>Usuario
        <select name="user_id">
          {% for u in users %}
          <option value="{{ u.id }}">{{ u.username }}</option>
          {% endfor %}
        </select>
      </label>
      <button class="primary" type="submit">Asignar</button>
    </form>
  </div>
</section>

<section class="admin-overdue-panel">
  <div class="panel-header">
    <h2>Usuarios registrados</h2>
  </div>
  {% if user_success %}
  <div class="success-box">{{ user_success }}</div>
  {% endif %}
  {% if user_error %}
  <div class="error-box">{{ user_error }}</div>
  {% endif %}
  <div class="overdue-grid">
    {% for managed_user in users %}
    <div class="overdue-card">
      <div class="project-title">{{ managed_user.username }}</div>
      <div class="project-desc">{{ managed_user.role }}</div>
      <div class="task-extra">Correo actual: {{ managed_user.email }}</div>
      <form method="post" action="/admin/users/{{ managed_user.id }}" class="stack">
        <label>Nuevo correo<input type="email" name="email" value="{{ managed_user.email }}" required /></label>
        <label>Nueva contrasena<input type="password" name="password" placeholder="Solo si desea cambiarla" /></label>
        <button class="primary" type="submit">Actualizar usuario</button>
      </form>
    </div>
    {% endfor %}
  </div>
</section>
{% endblock %}