<?php

if($_SESSION["perfil"] == "Vendedor"){

  echo '<script>

    window.location = "inicio";

  </script>';

  return;

}

?>

<div class="content-wrapper">

  <section class="content-header">
    
    <h1>Administrar transacciones</h1>

    <ol class="breadcrumb">
      <li><a href="inicio"><i class="fa fa-dashboard"></i> Inicio</a></li>
      <li class="active">Transacciones</li>
    </ol>

  </section>

  <section class="content">

    <div class="box">

      <div class="box-header with-border">
        <button class="btn btn-primary" data-toggle="modal" data-target="#modalAgregarTransaccion">
          Agregar transacción
        </button>
      </div>
        
       <!-- Formulario de filtros -->
    <form method="get" action="index.php">
    <input type="hidden" name="ruta" value="transacciones">
      <div class="row" style="margin-bottom:15px">

        <!-- Filtro Fecha -->
        <div class="col-md-3">
          <label>Fecha inicio</label>
          <input type="date" name="fechaInicio" class="form-control" value="<?= htmlspecialchars($_GET['fechaInicio'] ?? '') ?>">
        </div>

        <div class="col-md-3">
          <label>Fecha fin</label>
          <input type="date" name="fechaFin" class="form-control" value="<?= htmlspecialchars($_GET['fechaFin'] ?? '') ?>">
        </div>

        <!-- Filtro Tipo de Transacción -->
        <div class="col-md-3">
          <label>Tipo de transacción</label>
          <select name="tipoTransaccion" class="form-control">
            <option value="">Todos</option>
            <option value="1" <?= ($_GET['tipoTransaccion'] ?? '') == '1' ? 'selected' : '' ?>>Ingreso</option>
            <option value="2" <?= ($_GET['tipoTransaccion'] ?? '') == '2' ? 'selected' : '' ?>>Gasto</option>
          </select>
        </div>

      </div>

      <!-- Botones de Filtrar y Limpiar -->
      <div class="row">
        <div class="col-md-12 text-right">
          <button type="submit" class="btn btn-success">
            <i class="fa fa-filter"></i> Filtrar
          </button>
          <a href="transacciones" class="btn btn-default">
            <i class="fa fa-times"></i> Limpiar
          </a>
        </div>
      </div>
    </form>

 

      <div class="box-body">
          
        
        <table class="table table-bordered table-striped dt-responsive tablas" width="100%">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Tipo</th>
                    <th>Monto</th>
                    <th>Fecha</th>
                    <th>Método de Pago</th>
                    <th>Descripción</th>
                    <th>Referencia</th>
                    <th>Acciones</th>
                </tr>
            </thead>

            <tbody>
                <?php
                $fechaInicio = $_GET['fechaInicio'] ?? null;
                $fechaFin = $_GET['fechaFin'] ?? null;
                $tipoTransaccion = $_GET['tipoTransaccion'] ?? null;

                $transacciones = ControladorTransacciones::ctrMostrarTransacciones($fechaInicio, $fechaFin, $tipoTransaccion);

                foreach ($transacciones as $key => $value) {

                    $tipo = mb_strtolower(trim($value["nombre"]), 'UTF-8');
                    $esVentaCompra = in_array($tipo, ['venta', 'ventas', 'compra', 'compras', 'gastos de balanza']);

                    echo '<tr>
                        <td>' . ($key + 1) . '</td>
                        <td>' . $value["nombre"] . '</td>
                        <td>Bs. ' . $value["monto"] . '</td>
                        <td>' . $value["fecha"] . '</td>
                        <td>' . $value["metodo_pago"] . '</td>
                        <td>' . $value["descripcion"] . '</td>
                        <td>' . $value["referencia"] . '</td>
                        <td>
                            <div class="btn-group">';

                    if ($esVentaCompra) {
                        // Mostrar botón de candado si es una transacción automática con el nuevo estilo
                        echo '<button class="boton-candado" disabled title="Transacción generada automáticamente"><i class="fa fa-lock"></i></button>';
                    } else {
                        // Mostrar botones normales
                        echo '<button class="btn btn-warning btnEditarTransaccion" idTransaccion="' . $value["id_transaccion"] . '" data-toggle="modal" data-target="#modalEditarTransaccion"><i class="fa fa-pencil"></i></button>';

                        if ($_SESSION["perfil"] == "Administrador") {
                            echo '<button class="btn btn-danger btnEliminarTransaccion" idTransaccion="' . $value["id_transaccion"] . '"><i class="fa fa-times"></i></button>';
                        }
                    }

                    echo '</div>
                        </td>
                    </tr>';
                }
                ?>
            </tbody>
        </table>






      </div>

    </div>

  </section>

</div>

<div id="modalAgregarTransaccion" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
    
      <form role="form" method="post">

        <div class="modal-header" style="background:#3c8dbc; color:white">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Agregar transacción</h4>
        </div>

        <div class="modal-body">
          <div class="box-body">

            <!-- Tipo de Transacción -->
            <div class="form-group">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-exchange"></i></span>
                <select class="form-control input-lg" name="nuevoTipoTransaccion" required>
                  <?php
                    $tipos = ControladorTransacciones::ctrMostrarTiposTransaccion();
                    foreach($tipos as $tipo){
                      echo '<option value="'.$tipo["id_tipo_transaccion"].'">'.$tipo["nombre"].'</option>';
                    }
                  ?>
                </select>
              </div>
            </div>

            <!-- Monto -->
            <div class="form-group">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-money"></i></span>
                <input type="number" class="form-control input-lg" name="nuevoMonto" step="0.01" placeholder="Monto" required>
              </div>
            </div>

            <!-- Fecha -->
            <div class="form-group">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                <input type="datetime-local" class="form-control input-lg" name="nuevaFecha" required>
              </div>
            </div>

            <!-- Método de Pago -->
            <div class="form-group">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
                <select class="form-control input-lg" name="nuevoMetodoPago" required>
                  <option value="EFECTIVO">EFECTIVO</option>
                  <option value="QR">QR</option>
                </select>
              </div>
            </div>

            <!-- Descripción -->
            <div class="form-group">
              <textarea class="form-control" name="nuevaDescripcion" placeholder="Descripción" required></textarea>
            </div>


            <!-- Referencia -->
            <div class="form-group">
              <input type="text" class="form-control" name="nuevaReferencia" placeholder="Referencia (opcional)">
            </div>

          </div>
        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Salir</button>
          <button type="submit" class="btn btn-primary">Guardar transacción</button>
        </div>

        <?php
          $crearTransaccion = new ControladorTransacciones();
          $crearTransaccion->ctrCrearTransaccion();
        ?>

      </form>

    </div>
  </div>
</div>
<div id="modalEditarTransaccion" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">

      <form role="form" method="post">

        <div class="modal-header" style="background:#f39c12; color:white">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Editar transacción</h4>
        </div>

        <div class="modal-body">
          <div class="box-body">

            <input type="hidden" id="idTransaccion" name="idTransaccion">

            <!-- Tipo -->
            <div class="form-group">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-exchange"></i></span>
                <select class="form-control input-lg" name="editarTipoTransaccion" id="editarTipoTransaccion" required>
                  <?php
                    $tipos = ControladorTransacciones::ctrMostrarTiposTransaccion();
                    foreach($tipos as $tipo){
                      echo '<option value="'.$tipo["id_tipo_transaccion"].'">'.$tipo["nombre"].'</option>';
                    }
                  ?>
                </select>
              </div>
            </div>

            <!-- Monto -->
            <div class="form-group">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-money"></i></span>
                <input type="number" class="form-control input-lg" name="editarMonto" id="editarMonto" step="0.01" required>
              </div>
            </div>

            <!-- Fecha -->
            <div class="form-group">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                <input type="datetime-local" class="form-control input-lg" name="editarFecha" id="editarFecha" required>
              </div>
            </div>

            <!-- Método de pago -->
            <div class="form-group">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
                <select class="form-control input-lg" name="editarMetodoPago" id="editarMetodoPago" required>
                  <option value="EFECTIVO">EFECTIVO</option>
                  <option value="QR">QR</option>
                  <option value="TARJETA">TARJETA</option>
                </select>
              </div>
            </div>

            <!-- Descripción -->
            <div class="form-group">
              <textarea class="form-control" name="editarDescripcion" id="editarDescripcion" placeholder="Descripción"></textarea>
            </div>

            <!-- Referencia -->
            <div class="form-group">
              <input type="text" class="form-control" name="editarReferencia" id="editarReferencia" placeholder="Referencia">
            </div>

          </div>
        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Salir</button>
          <button type="submit" class="btn btn-warning">Guardar cambios</button>
        </div>

        <?php
          $editar = new ControladorTransacciones();
          $editar->ctrEditarTransaccion();
        ?>

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



