stats_compare.php

<?php
include 'config.php';
include 'functions.php';
include 'header.php';
require_once 'auth.php';

/** @var array $config */

$auth = login($config['username'], $config['password']);
$modulesList = [];
$moduleId = $_GET['udid'] ?? '';
$userId   = $_GET['user_id'] ?? '';
$month1   = $_GET['month1'] ?? date('m');
$year1    = $_GET['year1'] ?? date('Y');
$month2   = $_GET['month2'] ?? date('m');
$year2    = $_GET['year2'] ?? date('Y');
$dataSets = [];

if (!empty($auth['token']) && !empty($auth['user_id'])) {
    $modulesList = getModules($auth['user_id'], $auth['token']);
    if (empty($userId) && empty($moduleId) && !empty($modulesList)) {
        $userId = $auth['user_id'];
        $moduleId = $modulesList[0]['udid'] ?? '';
    }
}

if (empty($moduleId) || empty($userId)) {
    echo '<div class="alert alert-danger m-4">Brak dostępnych modułów lub nieprawidłowe dane logowania.</div>';
    include 'footer.php';
    exit;
}

function buildApiUrl($moduleId, $month, $year) {
    return "https://emodul.eu/api/v1/modules/{$moduleId}/statistics/linear/range/month/{$month}/year/{$year}";
}

function getStats($url, $token) {
    $ch = curl_init($url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_HTTPHEADER, ["Authorization: Bearer $token"]);
    $response = curl_exec($ch);
    curl_close($ch);
    return json_decode($response, true);
}

function collectData($response, $labelSuffix) {
    $result = [];
    if (
            is_array($response)
            && isset($response['status'], $response['data']['history'])
            && $response['status'] === 'success'
    ) {
        foreach ($response['data']['history'] as $zoneRaw => $points) {
            $zoneName = preg_replace('/^\|.*?\|/', '', $zoneRaw);
            $labels = [];
            $values = [];

            foreach ($points as $p) {
                if (!isset($p['x'], $p['y'])) continue;
                $date = DateTime::createFromFormat('YmdHi', $p['x']);
                $label = $date ? $date->format('d.m') : $p['x'];
                $labels[] = $label;
                $values[] = $p['y'];
            }

            if (!empty($labels)) {
                $result[] = [
                        'label' => $zoneName . ' – ' . $labelSuffix,
                        'labels' => $labels,
                        'data' => $values,
                        'color' => sprintf('rgba(%d,%d,%d,1)', rand(50,200), rand(50,200), rand(50,200))
                ];
            }
        }
    }
    return $result;
}

$url1 = buildApiUrl($moduleId, $month1, $year1);
$url2 = buildApiUrl($moduleId, $month2, $year2);

$dataSets = array_merge(
        collectData(getStats($url1, $auth['token']), "{$month1}/{$year1}"),
        collectData(getStats($url2, $auth['token']), "{$month2}/{$year2}")
);
?>

    <div class="container mt-5">
        <h1 class="mb-4"><i class="fas fa-balance-scale"></i> Porównanie miesięcy (linear)</h1>

        <form method="get" class="row g-3 mb-4 align-items-end">
            <input type="hidden" name="user_id" value="<?= htmlspecialchars($userId) ?>">
            <input type="hidden" name="udid" value="<?= htmlspecialchars($moduleId) ?>">

            <?php
            function monthSelect($id, $selected) {
                echo "<select name=\"$id\" id=\"$id\" class=\"form-select\">";
                for ($m = 1; $m <= 12; $m++) {
                    echo "<option value=\"$m\" " . ((int)$selected === $m ? 'selected' : '') . ">" . str_pad($m, 2, '0', STR_PAD_LEFT) . "</option>";
                }
                echo "</select>";
            }

            function yearSelect($id, $selected) {
                echo "<select name=\"$id\" id=\"$id\" class=\"form-select\">";
                for ($y = date('Y'); $y >= 2023; $y--) {
                    echo "<option value=\"$y\" " . ((int)$selected === $y ? 'selected' : '') . ">$y</option>";
                }
                echo "</select>";
            }
            ?>

            <div class="col-md-3">
                <label class="form-label">Miesiąc 1</label>
                <?php monthSelect('month1', $month1); ?>
            </div>
            <div class="col-md-3">
                <label class="form-label">Rok 1</label>
                <?php yearSelect('year1', $year1); ?>
            </div>
            <div class="col-md-3">
                <label class="form-label">Miesiąc 2</label>
                <?php monthSelect('month2', $month2); ?>
            </div>
            <div class="col-md-3">
                <label class="form-label">Rok 2</label>
                <?php yearSelect('year2', $year2); ?>
            </div>

            <div class="col-md-12">
                <button type="submit" class="btn btn-primary w-100"><i class="fas fa-sync-alt"></i> Porównaj</button>
            </div>
        </form>

        <?php if (empty($dataSets)): ?>
            <div class="alert alert-warning">Brak danych do wyświetlenia. Upewnij się, że dane istnieją dla obu miesięcy.</div>
        <?php else: ?>
            <div class="d-flex justify-content-end mb-2">
                <button id="hideAllBtn" class="btn btn-outline-secondary btn-sm">
                    <i class="fas fa-eye-slash"></i> Ukryj wszystkie serie
                </button>
            </div>

            <canvas id="compareChart" height="120"></canvas>
            <script>
                const ctx = document.getElementById('compareChart').getContext('2d');
                const chart = new Chart(ctx, {
                    type: 'line',
                    data: {
                        labels: <?= json_encode($dataSets[0]['labels']) ?>,
                        datasets: [
                            <?php foreach ($dataSets as $set): ?>
                            {
                                label: <?= json_encode($set['label']) ?>,
                                data: <?= json_encode($set['data']) ?>,
                                borderColor: '<?= $set['color'] ?>',
                                backgroundColor: '<?= str_replace('1)', '0.2)', $set['color']) ?>',
                                fill: false,
                                tension: 0.3
                            },
                            <?php endforeach; ?>
                        ]
                    },
                    options: {
                        responsive: true,
                        interaction: {
                            mode: 'index',
                            intersect: false
                        },
                        plugins: {
                            title: {
                                display: true,
                                text: 'Porównanie stref – dwa miesiące'
                            },
                            legend: {
                                display: true,
                                position: 'bottom'
                            }
                        },
                        scales: {
                            x: {
                                ticks: {
                                    maxRotation: 45,
                                    autoSkip: true,
                                    maxTicksLimit: 30
                                }
                            }
                        }
                    }
                });

                document.getElementById('hideAllBtn').addEventListener('click', () => {
                    chart.data.datasets.forEach((_, i) => {
                        chart.hide(i);
                    });
                });
            </script>
        <?php endif; ?>
    </div>

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