<?php
/**
 * Infomercial Management
 * Enhanced version of infomercial registration with color management
 */

ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

require_once __DIR__ . '/vendor/autoload.php';
require_once __DIR__ . '/TalpaAPI.php';
require_once __DIR__ . '/helpers.php';

use Dotenv\Dotenv;
$dotenv = Dotenv::createImmutable(__DIR__);
$dotenv->load();

$api = new TalpaApi();
$db = getDbConnection();
$apiLogs = [];

// Retrieve and clear refresh logs from session
session_start();
$refreshLogs = $_SESSION['refresh_logs'] ?? null;
if ($refreshLogs) {
    unset($_SESSION['refresh_logs']);
}

// Handle infomercial registration
if (isset($_POST['add_commercial'])) {
    $apiLogs[] = ['step' => 'Start registration', 'input' => $_POST];
    
    $ep = $api->createEpisode($_POST['title'], $_POST['duration'], $_POST['season_id']);
    $apiLogs[] = ['call' => 'Create Episode', 'request' => [
        'title' => $_POST['title'],
        'duration' => $_POST['duration'],
        'season_id' => $_POST['season_id']
    ], 'response' => $api->lastResponse];

    if (isset($ep['id'])) {
        $apiLogs[] = ['step' => 'Episode created', 'episode_id' => $ep['id']];
        
        $asset = $api->createMediaAsset($ep['id']);
        $apiLogs[] = ['call' => 'Create Media Asset', 'request' => [
            'content_id' => $ep['id']
        ], 'response' => $api->lastResponse];

        if (isset($asset['id'])) {
            $apiLogs[] = ['step' => 'Media asset created', 'asset_id' => $asset['id']];
            
            $details = $api->getMediaAssetDetails($asset['id']);
            $apiLogs[] = ['call' => 'Get Media Asset Details', 'request' => [
                'asset_id' => $asset['id']
            ], 'response' => $api->lastResponse];

            $label = $details['mediaAssetLabel'] ?? 'Pending';
            $apiLogs[] = ['step' => 'Media asset label', 'label' => $label];
            
            // Auto-generate color
            $stmt = $db->query("SELECT color_code FROM infomercials WHERE color_code IS NOT NULL");
            $existingColors = $stmt->fetchAll(PDO::FETCH_COLUMN);
            $colorCode = generateDistinctColor($existingColors);
            $apiLogs[] = ['step' => 'Color generated', 'color' => $colorCode];
            
            $stmt = $db->prepare("
                INSERT INTO infomercials
                (title, duration, season_id, content_id, media_asset_id, media_asset_label, upload_status, color_code, series_code)
                VALUES (?, ?, ?, ?, ?, ?, 'pending', ?, ?)
            ");
            $stmt->execute([
                $_POST['title'],
                $_POST['duration'],
                $_POST['season_id'],
                $ep['id'],
                $asset['id'],
                $label,
                $colorCode,
                $_POST['series_code'] ?? null
            ]);
            
            $apiLogs[] = ['step' => 'Database insert', 'success' => true];
            
            header('Location: infomercials.php?success=created');
            exit;
        } else {
            $apiLogs[] = ['step' => 'Media asset creation failed', 'response' => $asset];
        }
    } else {
        $apiLogs[] = ['step' => 'Episode creation failed', 'response' => $ep];
    }
}

// Handle infomercial update (sync to Talpa)
if (isset($_POST['update_infomercial'])) {
    // Get current infomercial data
    $stmt = $db->prepare("SELECT content_id, title, duration FROM infomercials WHERE id = ?");
    $stmt->execute([$_POST['infomercial_id']]);
    $current = $stmt->fetch();
    
    if ($current && $current['content_id']) {
        // Update in Talpa if title or duration changed
        $titleChanged = $current['title'] !== $_POST['title'];
        $durationChanged = $current['duration'] !== $_POST['duration'];
        
        if ($titleChanged || $durationChanged) {
            $result = $api->updateEpisode(
                $current['content_id'],
                $_POST['title'],
                $_POST['duration']
            );
            $apiLogs[] = ['call' => 'Update Episode', 'request' => [
                'content_id' => $current['content_id'],
                'title' => $_POST['title'],
                'duration' => $_POST['duration']
            ], 'response' => $api->lastResponse];
        }
        
        // Update in local database
        $stmt = $db->prepare("
            UPDATE infomercials
            SET title = ?, duration = ?, upload_status = ?, series_code = ?, color_code = ?
            WHERE id = ?
        ");
        $stmt->execute([
            $_POST['title'],
            $_POST['duration'],
            $_POST['upload_status'],
            $_POST['series_code'] ?? null,
            $_POST['color_code'],
            $_POST['infomercial_id']
        ]);
        
        header('Location: infomercials.php?success=updated');
        exit;
    }
}

// Handle refresh single infomercial from Talpa
if (isset($_POST['refresh_infomercial'])) {
    $stmt = $db->prepare("SELECT title, media_asset_id FROM infomercials WHERE id = ?");
    $stmt->execute([$_POST['infomercial_id']]);
    $infomercial = $stmt->fetch();
    
    if ($infomercial && $infomercial['media_asset_id']) {
        $details = $api->getMediaAssetDetails($infomercial['media_asset_id']);
        $apiLogs[] = ['call' => 'Refresh Media Asset Details', 'request' => [
            'asset_id' => $infomercial['media_asset_id']
        ], 'response' => $api->lastResponse];
        
        if (isset($details['mediaAssetLabel'])) {
            $stmt = $db->prepare("
                UPDATE infomercials
                SET media_asset_label = ?
                WHERE id = ?
            ");
            $stmt->execute([
                $details['mediaAssetLabel'],
                $_POST['infomercial_id']
            ]);
            
            header('Location: infomercials.php?success=refreshed');
            exit;
        } else {
            // Store failed refresh log
            session_start();
            $_SESSION['refresh_logs'] = [[
                'status' => 'failed',
                'title' => $infomercial['title'],
                'asset_id' => $infomercial['media_asset_id'],
                'error' => $api->lastResponse['message'] ?? 'Geen mediaAssetLabel gevonden in response'
            ]];
        }
    }
    header('Location: infomercials.php?error=refresh_failed');
    exit;
}

// Handle refresh all infomercials from Talpa
if (isset($_POST['refresh_all'])) {
    $stmt = $db->query("SELECT id, title, media_asset_id FROM infomercials WHERE media_asset_id IS NOT NULL");
    $infomercials_to_refresh = $stmt->fetchAll();
    
    $refreshed = 0;
    $failed = 0;
    $refreshLogs = [];
    
    foreach ($infomercials_to_refresh as $inf) {
        $details = $api->getMediaAssetDetails($inf['media_asset_id']);
        $apiLogs[] = ['call' => 'Refresh All - Media Asset Details', 'request' => [
            'asset_id' => $inf['media_asset_id']
        ], 'response' => $api->lastResponse];
        
        if (isset($details['mediaAssetLabel'])) {
            $stmt = $db->prepare("
                UPDATE infomercials
                SET media_asset_label = ?
                WHERE id = ?
            ");
            $stmt->execute([
                $details['mediaAssetLabel'],
                $inf['id']
            ]);
            $refreshed++;
        } else {
            $failed++;
            // Only log failures
            $refreshLogs[] = [
                'status' => 'failed',
                'title' => $inf['title'],
                'asset_id' => $inf['media_asset_id'],
                'error' => $api->lastResponse['message'] ?? 'Geen mediaAssetLabel gevonden in response'
            ];
        }
    }
    
    // Store logs in session for display
    session_start();
    $_SESSION['refresh_logs'] = $refreshLogs;
    
    header("Location: infomercials.php?success=refreshed_all&count=$refreshed&failed=$failed");
    exit;
}

// Handle delete
if (isset($_POST['delete_commercial'])) {
    // Check if infomercial is used in transmissions
    $stmt = $db->prepare("SELECT COUNT(*) FROM transmissions WHERE infomercial_id = ?");
    $stmt->execute([$_POST['infomercial_id']]);
    $count = $stmt->fetchColumn();
    
    if ($count > 0) {
        header('Location: infomercials.php?error=in_use');
        exit;
    }
    
    // Get infomercial details before deletion
    $stmt = $db->prepare("SELECT content_id, media_asset_id FROM infomercials WHERE id = ?");
    $stmt->execute([$_POST['infomercial_id']]);
    $infomercial = $stmt->fetch();
    
    // Delete from Talpa API if content_id exists
    if ($infomercial && $infomercial['content_id']) {
        try {
            $api->deleteEpisode($infomercial['content_id']);
            $apiLogs[] = ['call' => 'Delete Episode', 'response' => $api->lastResponse];
        } catch (Exception $e) {
            // Log error but continue with local deletion
            error_log("Failed to delete episode from Talpa: " . $e->getMessage());
        }
    }
    
    // Delete from local database
    $stmt = $db->prepare("DELETE FROM infomercials WHERE id = ?");
    $stmt->execute([$_POST['infomercial_id']]);
    header('Location: infomercials.php?success=deleted');
    exit;
}

// Get all infomercials
$infomercials = $db->query("
    SELECT c.*, 
           (SELECT COUNT(*) FROM transmissions WHERE infomercial_id = c.id) as usage_count
    FROM infomercials c 
    ORDER BY c.created_at DESC
")->fetchAll();
?>

<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Infomercials - Telvero Talpa</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
    <link rel="stylesheet" href="assets/css/custom.css">
</head>
<body class="bg-light">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
            <a class="navbar-brand" href="index.php">
                <i class="bi bi-tv"></i> Telvero Talpa Planner
            </a>
            <div class="navbar-nav">
                <a class="nav-link" href="index.php">Dashboard</a>
                <a class="nav-link" href="planner.php">Excel Planner</a>
                <a class="nav-link" href="calendar.php">Kalender</a>
                <a class="nav-link" href="blocks.php">Blokken</a>
                <a class="nav-link active" href="infomercials.php">Infomercials</a>
            </div>
        </div>
    </nav>

    <div class="container mt-4">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h1><i class="bi bi-collection-play"></i> Infomercial Management</h1>
            <a href="calendar.php" class="btn btn-primary">
                <i class="bi bi-calendar-week"></i> Naar Kalender
            </a>
        </div>

        <?php if (isset($_GET['success'])): ?>
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <?php
                    $messages = [
                        'created' => 'Infomercial succesvol aangemaakt en geregistreerd bij Talpa!',
                        'updated' => 'Infomercial succesvol bijgewerkt en gesynchroniseerd naar Talpa!',
                        'deleted' => 'Infomercial succesvol verwijderd!',
                        'refreshed' => 'Infomercial succesvol ververst vanuit Talpa!',
                        'refreshed_all' => 'Alle infomercials succesvol ververst! (' . ($_GET['count'] ?? 0) . ' gelukt' . (($_GET['failed'] ?? 0) > 0 ? ', ' . $_GET['failed'] . ' mislukt' : '') . ')'
                    ];
                    echo $messages[$_GET['success']] ?? 'Actie succesvol uitgevoerd!';
                ?>
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        <?php endif; ?>

        <?php if (isset($_GET['error'])): ?>
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <?php
                    $messages = [
                        'in_use' => 'Deze infomercial kan niet verwijderd worden omdat deze nog in gebruik is in de planning!',
                        'refresh_failed' => 'Kon infomercial niet verversen vanuit Talpa!'
                    ];
                    echo $messages[$_GET['error']] ?? 'Er is een fout opgetreden!';
                ?>
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        <?php endif; ?>

        <?php if ($refreshLogs && count($refreshLogs) > 0): ?>
            <div class="card shadow-sm mb-4 border-danger">
                <div class="card-header bg-danger text-white">
                    <h5 class="mb-0">
                        <i class="bi bi-exclamation-triangle"></i> Refresh Fouten
                    </h5>
                </div>
                <div class="card-body">
                    <div class="alert alert-warning mb-3">
                        <i class="bi bi-info-circle"></i>
                        De volgende infomercials konden niet worden ververst vanuit Talpa:
                    </div>
                    <div class="table-responsive">
                        <table class="table table-sm mb-0">
                            <thead>
                                <tr>
                                    <th>Infomercial</th>
                                    <th>Asset ID</th>
                                    <th>Foutmelding</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($refreshLogs as $log): ?>
                                    <tr class="table-danger">
                                        <td><strong><?= htmlspecialchars($log['title']) ?></strong></td>
                                        <td><code class="small"><?= htmlspecialchars($log['asset_id']) ?></code></td>
                                        <td>
                                            <span class="text-danger">
                                                <i class="bi bi-exclamation-triangle"></i>
                                                <?= htmlspecialchars($log['error']) ?>
                                            </span>
                                        </td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    </div>
                    <div class="mt-3">
                        <button type="button" class="btn btn-sm btn-secondary" onclick="this.closest('.card').remove()">
                            <i class="bi bi-x"></i> Sluiten
                        </button>
                    </div>
                </div>
            </div>
        <?php endif; ?>

        <div class="row">
            <!-- Registration Form -->
            <div class="col-md-4">
                <div class="card shadow-sm">
                    <div class="card-header bg-primary text-white">
                        <h5 class="mb-0">
                            <i class="bi bi-plus-circle"></i> Nieuwe Infomercial Registreren
                        </h5>
                    </div>
                    <div class="card-body">
                        <form method="POST">
                            <div class="mb-3">
                                <label class="form-label">Product Naam</label>
                                <input type="text" name="title" class="form-control" 
                                       placeholder="bijv. Clever Cane" required>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Duur (HH:MM:SS)</label>
                                <input type="text" name="duration" class="form-control" 
                                       placeholder="00:30:00" pattern="[0-9]{2}:[0-9]{2}:[0-9]{2}" required>
                                <small class="text-muted">Formaat: UU:MM:SS</small>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Series Code (optioneel)</label>
                                <input type="text" name="series_code" class="form-control" 
                                       placeholder="bijv. 006a">
                                <small class="text-muted">Voor groepering in kalender</small>
                            </div>

                            <input type="hidden" name="season_id" value="<?= $_ENV['TV_SEASON_ID'] ?>">

                            <div class="d-grid">
                                <button type="submit" name="add_commercial" class="btn btn-primary">
                                    <i class="bi bi-cloud-upload"></i> Registreren bij Talpa
                                </button>
                            </div>
                        </form>

                        <div class="mt-3 p-2 bg-light rounded">
                            <small class="text-muted">
                                <i class="bi bi-info-circle"></i>
                                Dit registreert de infomercial bij Talpa en maakt automatisch een media asset aan.
                            </small>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Infomercial List -->
            <div class="col-md-8">
                <div class="card shadow-sm">
                    <div class="card-header bg-secondary text-white d-flex justify-content-between align-items-center">
                        <h5 class="mb-0"><i class="bi bi-list-ul"></i> Geregistreerde Infomercials</h5>
                        <?php if (!empty($infomercials)): ?>
                            <form method="POST" style="display:inline;"
                                  onsubmit="return confirm('Weet je zeker dat je alle infomercials wilt verversen vanuit Talpa?');">
                                <button type="submit" name="refresh_all" class="btn btn-sm btn-light" title="Ververs alle infomercials vanuit Talpa">
                                    <i class="bi bi-arrow-clockwise"></i> Check Alles
                                </button>
                            </form>
                        <?php endif; ?>
                    </div>
                    <div class="card-body p-0">
                        <?php if (empty($infomercials)): ?>
                            <div class="p-4 text-center text-muted">
                                <i class="bi bi-inbox" style="font-size: 3rem;"></i>
                                <p class="mt-2">Nog geen infomercials geregistreerd</p>
                            </div>
                        <?php else: ?>
                            <div class="table-responsive">
                                <table class="table table-hover mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Kleur</th>
                                            <th>Titel</th>
                                            <th>Duur</th>
                                            <th>Series</th>
                                            <th>Label</th>
                                            <th>Status</th>
                                            <th>Gebruik</th>
                                            <th>Acties</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php foreach ($infomercials as $c): ?>
                                            <tr>
                                                <td>
                                                    <div class="color-preview" 
                                                         style="background-color: <?= htmlspecialchars($c['color_code'] ?? '#cccccc') ?>;"
                                                         title="<?= htmlspecialchars($c['color_code'] ?? '#cccccc') ?>">
                                                    </div>
                                                </td>
                                                <td>
                                                    <strong><?= htmlspecialchars($c['title']) ?></strong>
                                                    <br>
                                                    <small class="text-muted">ID: <?= htmlspecialchars($c['content_id']) ?></small>
                                                </td>
                                                <td>
                                                    <span class="badge bg-info"><?= $c['duration'] ?></span>
                                                </td>
                                                <td>
                                                    <?= $c['series_code'] ? '<span class="badge bg-secondary">' . htmlspecialchars($c['series_code']) . '</span>' : '-' ?>
                                                </td>
                                                <td>
                                                    <code class="small"><?= htmlspecialchars($c['media_asset_label']) ?></code>
                                                </td>
                                                <td>
                                                    <?php if ($c['upload_status'] == 'uploaded'): ?>
                                                        <span class="badge bg-success">Uploaded</span>
                                                    <?php else: ?>
                                                        <span class="badge bg-warning text-dark">Pending</span>
                                                    <?php endif; ?>
                                                </td>
                                                <td>
                                                    <span class="badge bg-<?= $c['usage_count'] > 0 ? 'primary' : 'secondary' ?>">
                                                        <?= $c['usage_count'] ?>x
                                                    </span>
                                                </td>
                                                <td>
                                                    <div class="btn-group btn-group-sm">
                                                        <form method="POST" style="display:inline;">
                                                            <input type="hidden" name="infomercial_id" value="<?= $c['id'] ?>">
                                                            <button type="submit" name="refresh_infomercial"
                                                                    class="btn btn-outline-info"
                                                                    title="Ververs vanuit Talpa">
                                                                <i class="bi bi-arrow-clockwise"></i>
                                                            </button>
                                                        </form>
                                                        <button type="button"
                                                                class="btn btn-outline-primary"
                                                                data-bs-toggle="modal"
                                                                data-bs-target="#editModal<?= $c['id'] ?>"
                                                                title="Bewerken">
                                                            <i class="bi bi-pencil"></i>
                                                        </button>
                                                        <?php if ($c['usage_count'] == 0): ?>
                                                            <form method="POST" style="display:inline;"
                                                                  onsubmit="return confirm('Weet je zeker dat je deze infomercial wilt verwijderen?');">
                                                                <input type="hidden" name="infomercial_id" value="<?= $c['id'] ?>">
                                                                <button type="submit" name="delete_commercial"
                                                                        class="btn btn-outline-danger" title="Verwijderen">
                                                                    <i class="bi bi-trash"></i>
                                                                </button>
                                                            </form>
                                                        <?php endif; ?>
                                                    </div>
                                                </td>
                                            </tr>

                                        <?php endforeach; ?>
                                    </tbody>
                                </table>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>

        <!-- Edit Modals (outside the table loop) -->
        <?php foreach ($infomercials as $c): ?>
            <div class="modal fade" id="editModal<?= $c['id'] ?>" tabindex="-1" aria-labelledby="editModalLabel<?= $c['id'] ?>" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <form method="POST">
                                                            <input type="hidden" name="infomercial_id" value="<?= $c['id'] ?>">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title">Bewerk: <?= htmlspecialchars($c['title']) ?></h5>
                                                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                                            </div>
                                                            <div class="modal-body">
                                                                <div class="mb-3">
                                                                    <label class="form-label">Titel</label>
                                                                    <input type="text" name="title" class="form-control"
                                                                           value="<?= htmlspecialchars($c['title']) ?>" required
                                                                           id="title_<?= $c['id'] ?>">
                                                                    <small class="text-muted">
                                                                        <i class="bi bi-cloud-arrow-up"></i> Wordt gesynchroniseerd naar Talpa
                                                                    </small>
                                                                </div>
                                                                <div class="mb-3">
                                                                    <label class="form-label">Duur (HH:MM:SS)</label>
                                                                    <input type="text" name="duration" class="form-control"
                                                                           value="<?= htmlspecialchars($c['duration']) ?>"
                                                                           pattern="[0-9]{2}:[0-9]{2}:[0-9]{2}" required>
                                                                    <small class="text-muted">
                                                                        <i class="bi bi-cloud-arrow-up"></i> Wordt gesynchroniseerd naar Talpa
                                                                    </small>
                                                                </div>
                                                                <div class="mb-3">
                                                                    <label class="form-label">Upload Status</label>
                                                                    <select name="upload_status" class="form-select">
                                                                        <option value="pending" <?= $c['upload_status'] == 'pending' ? 'selected' : '' ?>>Pending</option>
                                                                        <option value="uploaded" <?= $c['upload_status'] == 'uploaded' ? 'selected' : '' ?>>Uploaded</option>
                                                                    </select>
                                                                </div>
                                                                <div class="mb-3">
                                                                    <label class="form-label">Series Code</label>
                                                                    <input type="text" name="series_code" class="form-control"
                                                                           value="<?= htmlspecialchars($c['series_code'] ?? '') ?>"
                                                                           placeholder="bijv. 006a">
                                                                </div>
                                                                <div class="mb-3">
                                                                    <label class="form-label">Kleurcode</label>
                                                                    <input type="color" name="color_code" class="form-control form-control-color"
                                                                           value="<?= htmlspecialchars($c['color_code'] ?? '#cccccc') ?>">
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuleren</button>
                                                                <button type="submit" name="update_infomercial" class="btn btn-primary">
                                                                    <i class="bi bi-cloud-arrow-up"></i> Opslaan & Sync naar Talpa
                                                                </button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
            </div>
        <?php endforeach; ?>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        // Debug: Log modal open events and check if title field is editable
        document.addEventListener('DOMContentLoaded', function() {
            const modals = document.querySelectorAll('[id^="editModal"]');
            modals.forEach(modal => {
                modal.addEventListener('shown.bs.modal', function() {
                    const titleInput = this.querySelector('input[name="title"]');
                    console.log('Modal opened:', {
                        modalId: this.id,
                        titleInput: titleInput,
                        isDisabled: titleInput?.disabled,
                        isReadonly: titleInput?.readOnly,
                        value: titleInput?.value
                    });
                    
                    // Force enable the title field if it's disabled
                    if (titleInput) {
                        titleInput.disabled = false;
                        titleInput.readOnly = false;
                        console.log('Title field enabled for editing');
                    }
                });
            });
        });
        
        // API Logs to console with enhanced debugging
        const apiLogs = <?= json_encode($apiLogs) ?>;
        if (apiLogs.length > 0) {
            console.group("🔍 Talpa API Debug Logs - Infomercial Registration");
            apiLogs.forEach((log, index) => {
                if (log.call) {
                    console.group(`${index + 1}. ${log.call}`);
                    if (log.request) {
                        console.log("%cRequest:", "color: #3498db; font-weight: bold;", log.request);
                    }
                    console.log("%cResponse:", "color: #2ecc71; font-weight: bold;", log.response);
                    console.groupEnd();
                } else if (log.step) {
                    console.log(`%c${log.step}`, "color: #9b59b6; font-weight: bold;", log);
                }
            });
            console.groupEnd();
            
            // Show summary
            const hasErrors = apiLogs.some(log =>
                (log.step && log.step.includes('failed')) ||
                (log.response && log.response.error)
            );
            
            if (hasErrors) {
                console.warn("⚠️ Er zijn fouten opgetreden tijdens de registratie. Zie bovenstaande logs voor details.");
            } else {
                console.log("✅ Infomercial registratie succesvol voltooid");
            }
        }
    </script>
</body>
</html>