<?php 
include 'db.php'; 

// --- Lógica de recepción de variables ---
$Id = $_GET['Id'] ?? '';

// Recuperar Folio y Fecha para formatear
$folio_anual = $_GET['folio_anual'] ?? 0;
$Fecha = $_GET['Fecha'] ?? date('Y-m-d'); // Fecha por defecto hoy si no viene

// Calcular Folio Visual (Ej: 001-2026)
$anio = date("Y", strtotime($Fecha));
$numero = ($folio_anual > 0) ? $folio_anual : $Id;
$folio_visual = str_pad($numero, 3, "0", STR_PAD_LEFT) . "-" . $anio;

$Nombre = $_GET['Nombre'] ?? '';
$Apellidos = $_GET['Apellidos'] ?? '';
$Area = $_GET['Area'] ?? '';
$Ubicacion = $_GET['Ubicacion'] ?? '';
$NoSerie = $_GET['NoSerie'] ?? '';
$Descripcion = $_GET['Descripcion'] ?? '';
$Necesidad = $_GET['Necesidad'] ?? '';
$Diagnostico = $_GET['Diagnostico'] ?? '';
$Componente = $_GET['Componente'] ?? '';
$Actividad = $_GET['Actividad'] ?? '';
$Observacion = $_GET['Observacion'] ?? '';
$Estatus = $_GET['Estatus'] ?? '';
$Ejecuto = $_GET['Ejecuto'] ?? '';
$Verifico = $_GET['Verifico'] ?? '';
$Recibio = $_GET['Recibio'] ?? '';

// Incluimos el encabezado unificado
include 'header.php'; 
?>

<div class="contenedor-formulario">
  <h2>Editar Hardware</h2>
  <form action="guardarcorrect.php" method="post">
    <div class="form-grid">
      
      <div class="form-group">
        <label>Folio:</label>
        <input type="text" value="<?=$folio_visual?>" disabled style="color: var(--color-primario);">
        <input type="hidden" name="Id" value="<?=$Id?>">
      </div>

      <div class="form-group">
        <label>Nombre:</label>
        <input type="text" name="Nombre" value="<?=$Nombre?>" disabled>
      </div>

      <div class="form-group">
        <label>Apellidos:</label>
        <input type="text" name="Apellidos" value="<?=$Apellidos?>" disabled>
      </div>

      <div class="form-group">
        <label>Área:</label>
        <input type="text" name="Area" value="<?=$Area?>" disabled>
      </div>

      <div class="form-group">
        <label>Ubicación:</label>
        <input type="text" name="Ubicacion" value="<?=$Ubicacion?>" disabled>
      </div>

      <div class="form-group">
        <label>Número de Serie:</label>
        <input type="text" name="NoSerie" value="<?=$NoSerie?>" disabled>
      </div>

      <div class="form-group">
        <label>Descripción:</label>
        <textarea name="Descripcion" disabled oninput="autoResize(this)"><?= htmlspecialchars($Descripcion) ?></textarea>
      </div>

      <div class="form-group">
        <label>Necesidad:</label>
        <textarea name="Necesidad" disabled oninput="autoResize(this)"><?= htmlspecialchars($Necesidad) ?></textarea>
      </div>

      <div class="form-group full-width">
        <label>Diagnóstico:</label>
        <textarea name="Diagnostico" required><?=htmlspecialchars($Diagnostico)?></textarea>
      </div>

      <div class="form-group">
        <label>Requiere componente:</label>
        <select name="Componente" required>
          <option value="SI" <?= $Componente == "SI" ? "selected" : "" ?>>SI</option>
          <option value="NO" <?= $Componente == "NO" ? "selected" : "" ?>>NO</option>
        </select>
      </div>

      <div class="form-group full-width">
        <label>Actividad:</label>
        <textarea name="Actividad" required><?=htmlspecialchars($Actividad)?></textarea>
      </div>

      <div class="form-group full-width">
        <label>Observación:</label>
        <textarea name="Observacion" required><?=htmlspecialchars($Observacion)?></textarea>
      </div>

      <div class="form-group">
        <label>Estado:</label>
        <select name="Estatus" required>
          <option value="Pendiente" <?= $Estatus == "Pendiente" ? "selected" : "" ?>>Pendiente</option>
          <option value="En proceso" <?= $Estatus == "En proceso" ? "selected" : "" ?>>En proceso</option>
          <option value="Completado" <?= $Estatus == "Completado" ? "selected" : "" ?>>Completado</option>
        </select>
      </div>

      <div class="form-group">
        <label>Ejecutó:</label>
        <select name="Ejecuto" required>
          <option value="">Seleccione un usuario...</option>
          <?php
          // Asegúrate de que $conexion sea el nombre correcto de tu variable en db.php
          // Si usas $conn, cámbialo aquí abajo:
          $query_usuarios = "SELECT Nombre FROM usuarios ORDER BY Nombre ASC";
          $resultado_usuarios = mysqli_query($conexion, $query_usuarios);

          if ($resultado_usuarios) {
              while ($fila = mysqli_fetch_assoc($resultado_usuarios)) {
                  $nombre_db = $fila['Nombre'];
                  // Comprobamos si es el que ya estaba seleccionado previamente
                  $selected = ($Ejecuto === $nombre_db) ? "selected" : "";
                  echo "<option value=\"" . htmlspecialchars($nombre_db) . "\" $selected>" . htmlspecialchars($nombre_db) . "</option>";
              }
          } else {
              echo "<option value=''>Error al cargar usuarios</option>";
          }
          ?>
        </select>
      </div>
      <div class="form-group">
        <label>Verificó:</label>
        <select name="Verifico" required>
          <option value="Jacobo Morón Margarito" <?= $Verifico == "Jacobo Morón Margarito" ? "selected" : "" ?>>Jacobo Morón Margarito</option>
        </select>
      </div>

      <div class="form-group">
        <label>Recibió:</label>
        <input type="text" name="Recibio" value="<?=$Recibio?>" required>
      </div>

      <div class="submit-button" style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
        <input type="submit" value="Guardar" class="btn-pildora">
        
        <input type="button" value="Regresar" class="btn-pildora btn-secundario" onclick="window.location.href='filtro_reportes.php'">
      </div>

    </div>
  </form>
</div>

<script>
  function autoResize(textarea) {
    textarea.style.height = 'auto';
    textarea.style.height = textarea.scrollHeight + 'px';
  }

  // Ajustar todos los textareas al cargar la página
  window.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('textarea').forEach(autoResize);
  });
</script>

<?php include 'footer.php'; ?>