<?php
/*
// Přihlašovací informace
$valid_passwords = array ("jaracimrman" => "lijavec");
$valid_users = array_keys($valid_passwords);

$user = $_SERVER['PHP_AUTH_USER'];
$pass = $_SERVER['PHP_AUTH_PW'];

$validated = (in_array($user, $valid_users)) && ($pass == $valid_passwords[$user]);

if (!$validated) {
    header('WWW-Authenticate: Basic realm="Testovací náhled stránky"');
    header('HTTP/1.0 401 Unauthorized');
    die ("Nepovolený přístup");
}*/
?>

<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>DPD | Doručte s námi pěkný den i vašim zákazníkům</title>
    <script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="js/main.js?version=1.58"></script>
    <link rel="stylesheet" href="styles/main.css?version=1.59">
    <!-- Google tag (gtag.js) -->
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        const domain = window.location.hostname;
        let id = '';
        if(domain === 'dpd.local'){
            id = 'G-P7NMDN9PGT';
        } else {
            id = 'G-FLS3E1D0TT';
        }
        gtag('config', id);
    </script>
</head>
<body>
    <div class="gradient-bar">
        <a href="https://www.dpd.com/cz/cs/" target="_blank"><img src="styles/img/logo.svg" alt="Logo" class="logo"></a>
    </div>

    <div class="background-div">
        <h1>Kvalitnější doručení <br>zásilek přinese <br>větší obrat <br>pro váš e-shop</h1>
        <!--h1>Kvalitnější doručení zásilek?<br>Větší obrat pro váš e-shop!</h1-->
    </div>

    <h2 class="offer-headline">Rozšiřte nabídku dopravců svého e-shopu o DPD boxy a výdejní místa Pickup a využijte skvělé benefity pro pěkný den</h2>

    <div class="benefits-list">
        <div class="benefit-item">
            <img src="styles/img/penize.svg" alt="Zásilka už od 49 Kč" class="img-fluid">
            <h3>Zásilka už <br>od 49 Kč</h3>
            <button class="btn btn-dpd-red" data-bs-toggle="collapse" data-bs-target="#benefit1">Více o benefitu</button>
            <p class="benefit-description collapse" id="benefit1">Zásilky do 1 kg hmotnosti zaslané na naše výdejny Pickup nebo do boxu začínají na zvýhodněné ceně od 49 Kč.</p>
        </div>
        <div class="benefit-item">
            <img src="styles/img/dpd-darek2.svg" alt="Žádné opožděné dárky" class="img-fluid">
            <h3>Žádné opožděné <br>dárky</h3>
            <button class="btn btn-dpd-red" data-bs-toggle="collapse" data-bs-target="#benefit2">Více o benefitu</button>
            <p class="benefit-description collapse" id="benefit2">Doručení zásilky do Vánoc při předání DPD do 20. 12.</p>
        </div>
        <div class="benefit-item">
            <img src="styles/img/shop2.svg" alt="Vyzvednutí na každém rohu" class="img-fluid">
            <h3>Vyzvednutí <br>na každém rohu</h3>
            <button class="btn btn-dpd-red" data-bs-toggle="collapse" data-bs-target="#benefit3">Více o benefitu</button>
            <p class="benefit-description collapse" id="benefit3">Naše síť 97 000 výdejních míst a boxů po celém světě. V Česku pak máme přes 4 000 výdejních míst Pickup, a to včetně boxů. Toto číslo navíc neustále navyšujeme.</p>
        </div>
        <div class="benefit-item">
            <img src="styles/img/solidarity-red-new.svg" alt="Kvalita pro všechny, nehledě na velikost" class="img-fluid">
            <h3>Kvalita pro všechny, <br>nehledě na velikost</h3>
            <button class="btn btn-dpd-red" data-bs-toggle="collapse" data-bs-target="#benefit4">Více o benefitu</button>
            <p class="benefit-description collapse" id="benefit4">Jsme tu pro velké i začínající e&#x2011;shopy, všem doručujeme standardně do 24 hodin. Rádi vám pomůžeme s jakýmikoliv dotazy.</p>
        </div>
    </div>

    <div class="dpd-form">
        <form method="post" action="api.php">
            <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
            <h3>Chcete vědět víc? Nechte nám kontakt a my se vám ozveme</h3>

            <div id="form-error-message" class="alert alert-danger d-none" role="alert"></div>
            <div id="js-userInputs">
            <div class="info" id="js-infoPanel">
                <div>
                    <span>Vaše společnost:</span>
                    <span id="companyName"></span>
                </div>
            </div>

            <div class="input-row">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="IČO" id="js-inpIco" name="ico" required/>
                    <button class="btn btn-dpd-red input-button" id="js-btnAres">Načíst údaje</button>
                </div>
                <div class="input-group">
                    <input type="text" class="form-control" id="js-phone" placeholder="Telefonní číslo" name="phone" required/>
                </div>
                <button class="btn btn-dpd-blue input-button" id="js-sendButton" type="submit">Odeslat</button>
            </div>
            </div>
        </form>

    </div>

    <div class="footer">
        <a href="https://www.dpd.com/cz/cs/ochrana-osobnich-udaju/" target="_blank">Ochrana osobních údajů</a>
        <a href="https://www.dpd.com/cz/cs/vseobecne-obchodni-podminky/" target="_blank">Všeobecné obchodní podmínky</a>
        <a href="https://www.dpd.com/cz/cs/kontakt/" target="_blank">Kontakt</a>
        <a href="#" data-bs-toggle="modal" data-bs-target="#cookieModal">Nastavení cookies</a>
    </div>

    <div class="overlay" id="cookie-overlay"></div>
    <div id="cookie-banner" class="cookie-banner">
        <h2>Nastavení cookies</h2>
        <p>My a naši partneři používáme soubory cookies nebo jiné způsoby sledování webové stránky, abychom vám usnadnili používání webu, zlepšili výkon a zabezpečení webu a navrhli personalizovanou reklamu dle vašeho užití/preferencí a vašeho profilu. Tyto soubory cookie, kromě těch nezbytných, vyžadují před uložením váš souhlas. Vaše volby budou platné pro dodavatele a účely uvedené v části Nastavení. Svůj souhlas můžete kdykoli odvolat správou souborů cookie prostřednictvím „Cookies“ v patičce naší webové stránky</p>
        <p><a href="#" data-bs-toggle="modal" data-bs-target="#cookieModal">Nastavení</a></p>
        <div class="cookie-buttons">
            <button id="decline-cookies" class="btn btn-dpd-gray">Odmítnout</button>
            <button id="accept-cookies" class="btn btn-dpd-red">Přijmout</button>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="cookieModal" tabindex="-1" aria-labelledby="cookieModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="cookieModalLabel">Nastavení cookies</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p>Soubory cookie používáme k zajištění základních funkcí webu a ke zlepšení vašeho online zážitku. Pro každou kategorii si můžete vybrat, zda se chcete přihlásit/odhlásit, kdykoli budete chtít.</p>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="technicke" checked disabled id="necessaryCookies">
                        <label class="form-check-label" for="necessaryCookies">
                            Nezbytně nutné cookies
                        </label>
                        <p>Tyto soubory cookie jsou nezbytné pro správné fungování našich webových stránek. Bez těchto cookies by web nefungoval správně</p>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="" id="statistics">
                        <label class="form-check-label" for="statistics">
                            Statistiky
                        </label>
                        <p>Anonymní statistiky pro analýzu výkonu</p>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-dpd-red" data-bs-dismiss="modal" id="acceptAll">Přijmout vše</button>
                    <button type="button" class="btn btn-dpd-gray" data-bs-dismiss="modal" id="rejectAll">Odmítnout vše</button>
                    <button type="button" class="btn btn-dpd-gray" data-bs-dismiss="modal" id="saveSettings">Uložit nastavení</button>
                </div>
            </div>
        </div>
    </div>

    <script src="https://www.google.com/recaptcha/api.js?render=6LfPTjQoAAAAAITkZNoy3KIXpntCebWxqPMv3D0u"></script>
    <script>
        grecaptcha.ready(function() {
            grecaptcha.execute('6LfPTjQoAAAAAITkZNoy3KIXpntCebWxqPMv3D0u', {action: 'sendForm'}).then(function(token) {
                // Přidejte token jako hodnotu skrytého pole ve formuláři
                document.getElementById('g-recaptcha-response').value = token;
            });
        });
    </script>
</body>
</html>