<?php include_once "encabezado1.php"; ?>

<?php
include 'conexion1.php';
$conexion = new mysqli($servidor, $nombre, $clave, $base);

// Obtener los filtros si están definidos
$tipo = isset($_GET['tipo']) ? $_GET['tipo'] : '';
$estado = isset($_GET['estado']) ? $_GET['estado'] : '';
$fecha_inicio = isset($_GET['fecha_inicio']) ? $_GET['fecha_inicio'] : '';
$fecha_fin = isset($_GET['fecha_fin']) ? $_GET['fecha_fin'] : '';

// Crear consulta SQL con filtros
$sql = "SELECT t.id, t.tipo, t.fecha, t.monto, t.estado, 
        CASE WHEN t.tipo = 'Cuenta por Cobrar' THEN c.nombre ELSE p.nombre END AS nombre 
        FROM transacciones t 
        LEFT JOIN clientespa c ON t.cliente_id = c.id 
        LEFT JOIN proveedorespa p ON t.proveedor_id = p.id 
        WHERE 1=1";

if ($tipo) {
    $sql .= " AND t.tipo = '$tipo'";
}
if ($estado) {
    $sql .= " AND t.estado = '$estado'";
}
if ($fecha_inicio && $fecha_fin) {
    $sql .= " AND t.fecha BETWEEN '$fecha_inicio' AND '$fecha_fin'";
}

$result = $conexion->query($sql);
?>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Reporte de Cuentas por Cobrar y Pagar</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <style>
        body { background-color: #f7f8fa; font-family: Arial, sans-serif; }
        .container { margin-top: 40px; background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }
        h2 { color: #007bff; }
        .btn-custom { background-color: #007bff; color: white; }
        .table-hover tbody tr:hover { background-color: #f8f9fa; transition: 0.3s; }
    </style>
</head>
<body>
    <div class="container">
        <h2><i class="fas fa-chart-line"></i> Reporte de Cuentas</h2>

        <!-- Formulario de Filtros -->
        <form method="GET" class="mb-4">
            <div class="form-row">
                <div class="col-md-3">
                    <label>Tipo de Transacción</label>
                    <select name="tipo" class="form-control">
                        <option value="">Todos</option>
                        <option value="Cuenta por Cobrar" <?php if($tipo == 'Cuenta por Cobrar') echo 'selected'; ?>>Cuenta por Cobrar</option>
                        <option value="Cuenta por Pagar" <?php if($tipo == 'Cuenta por Pagar') echo 'selected'; ?>>Cuenta por Pagar</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label>Estado</label>
                    <select name="estado" class="form-control">
                        <option value="">Todos</option>
                        <option value="Pendiente" <?php if($estado == 'Pendiente') echo 'selected'; ?>>Pendiente</option>
                        <option value="Pagado" <?php if($estado == 'Pagado') echo 'selected'; ?>>Pagado</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label>Fecha Inicio</label>
                    <input type="date" name="fecha_inicio" class="form-control" value="<?php echo $fecha_inicio; ?>">
                </div>
                <div class="col-md-3">
                    <label>Fecha Fin</label>
                    <input type="date" name="fecha_fin" class="form-control" value="<?php echo $fecha_fin; ?>">
                </div>
            </div>
            <button type="submit" class="btn btn-primary btn-custom mt-3"><i class="fas fa-filter"></i> Filtrar</button>
        </form>

        <!-- Tabla de Resultados -->
        <table class="table table-hover table-bordered">
            <thead class="thead-light">
                <tr>
                    <th>ID</th>
                    <th>Tipo</th>
                    <th>Cliente/Proveedor</th>
                    <th>Fecha</th>
                    <th>Monto</th>
                    <th>Estado</th>
                </tr>
            </thead>
            <tbody>
                <?php while ($transaccion = $result->fetch_assoc()) { ?>
                    <tr>
                        <td><?php echo $transaccion['id']; ?></td>
                        <td><?php echo $transaccion['tipo']; ?></td>
                        <td><?php echo $transaccion['nombre']; ?></td>
                        <td><?php echo $transaccion['fecha']; ?></td>
                        <td><?php echo '$ ' . number_format($transaccion['monto'], 2); ?></td>
                        <td><span class="badge <?php echo ($transaccion['estado'] == 'Pagado') ? 'badge-success' : 'badge-warning'; ?>">
                            <?php echo $transaccion['estado']; ?>
                        </span></td>
                    </tr>
                <?php } ?>
            </tbody>
        </table>

        <!-- Botones para exportar -->
        <div class="text-right mt-3">
            <a href="exportar_pdf.php?tipo=<?php echo $tipo; ?>&estado=<?php echo $estado; ?>&fecha_inicio=<?php echo $fecha_inicio; ?>&fecha_fin=<?php echo $fecha_fin; ?>" class="btn btn-danger btn-custom">
                <i class="fas fa-file-pdf"></i> Exportar a PDF
            </a>
            <a href="exportar_excelpa.php?tipo=<?php echo $tipo; ?>&estado=<?php echo $estado; ?>&fecha_inicio=<?php echo $fecha_inicio; ?>&fecha_fin=<?php echo $fecha_fin; ?>" class="btn btn-success btn-custom ml-2">
                <i class="fas fa-file-excel"></i> Exportar a Excel
            </a>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>
</html>