<?php
session_start();
require_once '../../Controlador/Utilidades/Conexion_BD.php';

if (isset($_GET['IDR']) && !empty($_GET['IDR'])) {
    $id_ruta = intval($_GET['IDR']);
    $connMySQL = new Conexion_BD();

    $sql = "SELECT * FROM rutas WHERE id=?";
    $stmt = $connMySQL->prepare($sql);
    $stmt->bind_param("i", $id_ruta);
    $stmt->execute();
    $ruta = $stmt->get_result()->fetch_assoc();
    $stmt->close();
    $connMySQL->closeConnection();

    if (!$ruta) {
        header("Location: Adm_Gestion_Rutas.php");
        exit;
    }
} else {
    header("Location: Adm_Gestion_Rutas.php");
    exit;
}
?>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>TSGJ - Editar Ruta</title>
  <link rel="icon" href="../../Modelo/Archivos_Media/Color_LogoTipo.png" type="image/png" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" />
</head>
<body>
  <div class="container my-5">
    <a href="Adm_Gestion_Rutas.php" class="btn btn-outline-primary mb-3">
      <i class="bi bi-arrow-left"></i> Volver a gestión de Rutas
    </a>

    <div class="card shadow">
      <div class="card-header bg-primary text-white text-center">
        <h4>Editar Datos de la Ruta</h4>
      </div>

      <div class="card-body">
        <form id="Editar_Ruta" action="../../Controlador/Ctrl_Administrador/MySQL_Editar_Ruta.php" method="post" novalidate>
          <input type="hidden" name="id_ruta" value="<?= $ruta['id']; ?>">

          <div class="row g-3">
            <div class="col-md-6">
              <label for="nombre_ruta" class="form-label">Nombre de Ruta</label>
              <input type="text" class="form-control text-uppercase" id="nombre_ruta" name="nombre_ruta"
                value="<?= htmlspecialchars($ruta['nombre_ruta']); ?>"
                oninput="this.value = this.value.toUpperCase();">
            </div>

            <div class="col-md-6">
              <label for="km_estimado" class="form-label">Kilómetros Estimados</label>
              <input type="number" class="form-control" id="km_estimado" name="km_estimado"
                value="<?= htmlspecialchars($ruta['km_estimado']); ?>">
            </div>

            <div class="col-md-12">
              <label for="descripcion" class="form-label">Descripción</label>
              <textarea class="form-control" id="descripcion" name="descripcion" rows="3"><?= htmlspecialchars($ruta['descripcion']); ?></textarea>
            </div>
            <div class="col-md-6">
              <label for="enlace_mapa" class="form-label">Enlace de Mapa</label>
              <input type="url" class="form-control" id="enlace_mapa" name="enlace_mapa"
                value="<?= htmlspecialchars($ruta['enlace_mapa']); ?>">
            </div>

            <div class="col-12 text-center mt-4">
              <button type="submit" class="btn btn-success px-4">Guardar Cambios</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  <script src="../../Modelo/Archivos_JS/Validacion_Editar_Ruta.js"></script>
</body>
</html>
