<?php
/**
 * CleanBackground - Main Entry Point
 */

$config = require __DIR__ . '/config.php';
$languages = require __DIR__ . '/languages.php';
$functions = require __DIR__ . '/functions.php';

// Language selection logic
$supported_langs = array_keys($config['supported_languages']);
$current_lang = $config['default_language'];

if (!empty($_GET['lang']) && in_array($_GET['lang'], $supported_langs)) {
    $current_lang = $_GET['lang'];
    setcookie('signclean_lang', $current_lang, time() + (86400 * 30), "/");
} elseif (!empty($_COOKIE['signclean_lang']) && in_array($_COOKIE['signclean_lang'], $supported_langs)) {
    $current_lang = $_COOKIE['signclean_lang'];
} elseif (!empty($_SERVER['HTTP_ACCEPT_LANGUAGE'])) {
    $browser_lang = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2);
    if (in_array($browser_lang, $supported_langs)) {
        $current_lang = $browser_lang;
    }
}

$t = $languages[$current_lang] ?? $languages['it'];
$donation_url = $config['donation_url'];
?>
<!DOCTYPE html>
<html lang="<?= htmlspecialchars($current_lang) ?>">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= htmlspecialchars($t['meta_title']) ?></title>
    <meta name="description" content="<?= htmlspecialchars($t['meta_desc']) ?>">
    <link rel="stylesheet" href="assets/css/style.css?v=<?= $config['version'] ?>">
    <!-- PDF.js library for high-res vector rendering -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
</head>
<body>

    <!-- Header & Navigation -->
    <header class="header">
        <div class="header-container">
            <a href="?lang=<?= $current_lang ?>" class="logo-area">
                <div class="logo-icon">✍️</div>
                <div class="logo-text">
                    <h1><?= htmlspecialchars($config['app_name']) ?></h1>
                    <span>Pro Signature & Background Remover</span>
                </div>
            </a>
            
            <div class="header-actions">
                <!-- Language Picker -->
                <div class="lang-dropdown">
                    <select class="lang-select" onchange="location = this.value;" aria-label="Language Selector">
                        <?php foreach ($config['supported_languages'] as $code => $info): ?>
                            <option value="?lang=<?= $code ?>" <?= $code === $current_lang ? 'selected' : '' ?>>
                                <?= $info['flag'] ?> <?= $info['name'] ?>
                            </option>
                        <?php endforeach; ?>
                    </select>
                </div>

                <!-- Coffee Header Pill -->
                <a href="<?= htmlspecialchars($donation_url) ?>" target="_blank" rel="noopener noreferrer" class="header-coffee-btn">
                    <span></span>
                    <span><?= htmlspecialchars($t['modal_badge']) ?></span>
                </a>
            </div>
        </div>
    </header>

    <!-- Main Content -->
    <main class="main-wrapper">
        
        <!-- Hero Section -->
        <section class="hero">
            <div class="badge-privacy">
                <?= $t['privacy_badge'] ?>
            </div>
            <h2><?= htmlspecialchars($t['app_tagline']) ?></h2>
            <p><?= htmlspecialchars($t['app_subtitle']) ?></p>
        </section>

        <!-- Dropzone File Upload -->
        <div class="dropzone" id="dropzone">
            <div class="dropzone-icon">📥</div>
            <div class="dropzone-title"><?= htmlspecialchars($t['drop_title']) ?></div>
            <div class="dropzone-subtitle"><?= htmlspecialchars($t['drop_desc']) ?></div>
            
            <div class="format-tags">
                <span class="format-tag">📄 PDF</span>
                <span class="format-tag">🖼️ PNG</span>
                <span class="format-tag">📸 JPG / JPEG</span>
                <span class="format-tag">🌐 WEBP</span>
                <span class="format-tag">🎨 SVG</span>
                <span class="format-tag">📦 BMP</span>
            </div>

            <button type="button" class="btn-upload">
                <span>📁</span>
                <span><?= htmlspecialchars($t['btn_browse']) ?></span>
            </button>
            <input type="file" id="fileInput" accept="application/pdf,image/*">
        </div>

        <!-- File Status Bar -->
        <div class="file-status-bar" id="fileStatusBar">
            <div class="file-info">
                <span class="file-icon">📄</span>
                <div>
                    <span style="font-size:0.8rem; color:var(--text-muted); display:block;"><?= htmlspecialchars($t['file_selected']) ?></span>
                    <span class="file-name" id="fileName">documento.pdf</span>
                </div>
            </div>

            <!-- PDF Page Selector (Visible only if multi-page PDF) -->
            <div class="pdf-controls" id="pdfControls">
                <span style="font-size: 0.85rem; font-weight:600; color:var(--text-secondary);"><?= htmlspecialchars($t['pdf_page']) ?></span>
                <button type="button" class="btn-page" id="btnPrevPage">◀</button>
                <span style="font-size: 0.85rem; font-weight: 700; min-width: 45px; text-align: center;">
                    <span id="pdfPageSpan">1</span> <?= htmlspecialchars($t['page_of']) ?> <span id="pdfTotalSpan">1</span>
                </span>
                <button type="button" class="btn-page" id="btnNextPage">▶</button>
            </div>
        </div>

        <!-- Workspace Grid: Controls + Preview -->
        <div class="workspace-grid" id="workspaceGrid">
            
            <!-- Adjustments Panel -->
            <div class="controls-card">
                <div class="card-header">
                    <span class="card-title">⚙️ <?= htmlspecialchars($t['controls_title']) ?></span>
                </div>

                <!-- Threshold Slider -->
                <div class="control-group">
                    <div class="control-label-wrapper">
                        <label for="threshold" class="control-label"><?= htmlspecialchars($t['label_threshold']) ?></label>
                        <span class="control-value" id="thresholdVal">210</span>
                    </div>
                    <input type="range" id="threshold" min="80" max="254" value="210">
                    <div class="control-hint"><?= htmlspecialchars($t['tooltip_threshold']) ?></div>
                </div>

                <!-- Edge Smoothness -->
                <div class="control-group">
                    <div class="control-label-wrapper">
                        <label for="smoothness" class="control-label"><?= htmlspecialchars($t['label_smoothness']) ?></label>
                        <span class="control-value" id="smoothnessVal">35</span>
                    </div>
                    <input type="range" id="smoothness" min="5" max="90" value="35">
                    <div class="control-hint"><?= htmlspecialchars($t['tooltip_smoothness']) ?></div>
                </div>

                <!-- Ink Boost -->
                <div class="control-group">
                    <div class="control-label-wrapper">
                        <label for="inkBoost" class="control-label"><?= htmlspecialchars($t['label_darkness']) ?></label>
                        <span class="control-value" id="inkBoostVal">25%</span>
                    </div>
                    <input type="range" id="inkBoost" min="0" max="100" value="25">
                    <div class="control-hint"><?= htmlspecialchars($t['tooltip_darkness']) ?></div>
                </div>

                <!-- Color Tint / Mode -->
                <div class="control-group">
                    <div class="control-label-wrapper">
                        <span class="control-label"><?= htmlspecialchars($t['label_color_mode']) ?></span>
                    </div>
                    <div class="radio-options">
                        <label class="radio-label">
                            <input type="radio" name="colorMode" value="original" checked>
                            <span><?= htmlspecialchars($t['color_original']) ?></span>
                        </label>
                        <label class="radio-label">
                            <input type="radio" name="colorMode" value="black">
                            <span><?= htmlspecialchars($t['color_black']) ?></span>
                        </label>
                        <label class="radio-label">
                            <input type="radio" name="colorMode" value="blue">
                            <span><?= htmlspecialchars($t['color_blue']) ?></span>
                        </label>
                    </div>
                </div>

                <!-- Extra Utility Buttons -->
                <button type="button" class="btn-secondary" id="btnCrop">
                    <?= htmlspecialchars($t['btn_crop']) ?>
                </button>
                <button type="button" class="btn-secondary" id="btnReset" style="border-style:dashed;">
                    ↺ <?= htmlspecialchars($t['btn_reset']) ?>
                </button>

                <!-- Download Primary Button -->
                <button type="button" class="btn-download-primary" id="btnDownload">
                    <span>💾</span>
                    <span><?= htmlspecialchars($t['btn_download']) ?></span>
                </button>
            </div>

            <!-- Preview Panel -->
            <div class="preview-card">
                <div class="preview-toolbar">
                    <div class="preview-tabs">
                        <button type="button" class="tab-btn active" data-view="transparent"><?= htmlspecialchars($t['tab_transparent']) ?></button>
                        <button type="button" class="tab-btn" data-view="original"><?= htmlspecialchars($t['tab_original']) ?></button>
                        <button type="button" class="tab-btn" data-view="white"><?= htmlspecialchars($t['tab_white_bg']) ?></button>
                        <button type="button" class="tab-btn" data-view="dark"><?= htmlspecialchars($t['tab_dark_bg']) ?></button>
                    </div>
                    <div class="preview-meta">
                        <?= htmlspecialchars($t['dimensions']) ?> <strong id="dimensionsSpan">-</strong>
                    </div>
                </div>

                <!-- Interactive Canvas Viewport -->
                <div class="canvas-container" id="canvasContainer">
                    <canvas id="canvas"></canvas>
                </div>
            </div>

        </div>

        <!-- Coffee Donation Bottom Banner -->
        <section class="donation-footer-banner">
            <div class="donation-content">
                <div class="coffee-illustration">☕</div>
                <div class="donation-text">
                    <h3><?= htmlspecialchars($t['footer_coffee_title']) ?></h3>
                    <p><?= htmlspecialchars($t['footer_coffee_desc']) ?></p>
                </div>
            </div>
            <a href="<?= htmlspecialchars($donation_url) ?>" target="_blank" rel="noopener noreferrer" class="btn-coffee-large">
                <span>☕</span>
                <span><?= htmlspecialchars($t['footer_coffee_btn']) ?></span>
            </a>
        </section>

    </main>

    <!-- Footer Bar -->
    <footer class="footer-bar">
        <p><?= htmlspecialchars($t['footer_privacy_note']) ?></p>
        <p style="margin-top:6px;">&copy; <?= date('Y') ?> <?= DOMAIN ?>. <?= htmlspecialchars($t['rights_reserved']) ?></p>
    </footer>

    <!-- Pre-Download Donation Modal / Pop-up -->
    <div class="modal-overlay" id="downloadModal" role="dialog" aria-modal="true">
        <div class="modal-card">
            <button type="button" class="modal-close" id="modalClose" aria-label="Chiudi">&times;</button>
            
            <div class="modal-badge"><?= htmlspecialchars($t['modal_badge']) ?></div>
            <div class="modal-emoji">☕</div>
            <h3><?= htmlspecialchars($t['modal_title']) ?></h3>
            <p><?= $t['modal_message'] ?></p>
            <p><?= $t['modal_submessage'] ?></p>

            <div class="modal-actions">
                <a href="<?= htmlspecialchars($donation_url) ?>" target="_blank" rel="noopener noreferrer" class="modal-btn-coffee" id="modalBtnCoffee">
                    <?= htmlspecialchars($t['modal_btn_coffee']) ?>
                </a>
                
                <button type="button" class="modal-btn-download" id="modalBtnDownload">
                    ⬇️ <?= htmlspecialchars($t['modal_btn_continue']) ?>
                </button>
            </div>

            <div class="modal-checkbox-row">
                <input type="checkbox" id="modalNoThanks">
                <label for="modalNoThanks"><?= htmlspecialchars($t['modal_no_thanks']) ?></label>
            </div>
        </div>
    </div>

    <!-- Pass Translation Strings to JS -->
    <script>
        window.I18N_ALERTS = {
            invalid_file: <?= json_encode($t['alert_invalid_file']) ?>,
            pdf_error: <?= json_encode($t['alert_pdf_error']) ?>
        };
    </script>
    <script src="assets/js/app.js?v=<?= $config['version'] ?>"></script>
</body>
</html>

