Kontakty – Westio

Kontakt v Česku

Tato stránka uvádí, jak kontaktovat podporu Westio a kde hledat obecné informace o bezpečnějším hraní. V Česku můžete podporu oslovit prostřednictvím živého chatu nebo e-mailem na adrese [email protected]; podle dostupných údajů je k dispozici nepřetržitě. Obrátit se na ni lze s dotazy k účtu či ověření.

Rizika a kontrola

Hazardní hry mohou vést ke ztrátě peněz i času. Výsledek nelze spolehlivě předvídat a hraní není způsob, jak řešit finanční potíže. V Česku je vhodné vnímat hraní jako činnost s riziky, nikoli jako zdroj příjmu.

Odpovědný přístup

Před hraním zvažte vlastní hranice a držte se jich. Nezvyšujte aktivitu kvůli nahánění ztrát a při pocitu tlaku si dejte odstup. Pokud kontrola slábne, vyhledejte podporu.

Ochrana a pomoc

Nezletilí by k hazardním hrám neměli mít přístup. Zranitelné osoby potřebují zvýšenou ochranu. Při obavách se obraťte na důvěryhodného člověka nebo obecnou poradenskou službu.

<div style="max-width: 450px; width: 100%; margin: 0 auto; margin-bottom: 24px;">
    <div
        style="background: #ffffff; padding: 40px 30px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); height: 100%; display: flex; flex-direction: column; font-family: 'Inter', sans-serif;">

        <!-- Obal kontaktního formuláře -->
        <div id="contactFormWrapper" style="flex-grow: 1;">
            <h3 style="font-weight: 600; color: #212529; margin-bottom: 25px; text-align: center;">Napište nám</h3>
            <form id="contactForm" onsubmit="handleContactSubmit(event)">
                <div class="mb-3">
                    <label for="contactName"
                        style="font-weight: 500; color: #495057; font-size: 0.9rem; margin-bottom: 8px; display: inline-block;">Jméno</label>
                    <input type="text" id="contactName" placeholder="Vaše jméno" required
                        style="display: block; width: 100%; border-radius: 10px; padding: 14px 16px; background-color: #f8f9fa; border: 1px solid #e9ecef; outline: none; transition: all 0.3s ease;">
                </div>
                <div class="mb-3">
                    <label for="contactEmail"
                        style="font-weight: 500; color: #495057; font-size: 0.9rem; margin-bottom: 8px; display: inline-block;">E-mailová
                        adresa</label>
                    <input type="email" id="contactEmail" placeholder="Váš e-mail" required
                        style="display: block; width: 100%; border-radius: 10px; padding: 14px 16px; background-color: #f8f9fa; border: 1px solid #e9ecef; outline: none; transition: all 0.3s ease;">
                </div>
                <div class="mb-4">
                    <label for="contactMessage"
                        style="font-weight: 500; color: #495057; font-size: 0.9rem; margin-bottom: 8px; display: inline-block;">Zpráva</label>
                    <textarea id="contactMessage" rows="4" placeholder="S čím vám můžeme pomoci?" required
                        style="display: block; width: 100%; border-radius: 10px; padding: 14px 16px; background-color: #f8f9fa; border: 1px solid #e9ecef; outline: none; transition: all 0.3s ease; resize: vertical;"></textarea>
                </div>
                <button type="submit" class="btn"
                    style="width: 100%; padding: 12px; border-radius: 8px; margin-top: 8px; background-color: var(--accent-clr); color: #ffffff; border: none; font-weight: 500;">Odeslat
                    zprávu</button>
            </form>
        </div>

        <!-- Obal potvrzovací zprávy (zpočátku skrytý) -->
        <div id="contactSuccessMessage"
            style="display: none; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 30px 0; flex-grow: 1;">
            <div style="color: #198754; margin-bottom: 16px;">
                <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="currentColor"
                    class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                    <path
                        d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                </svg>
            </div>
            <h4 style="font-weight: 600; color: #212529; margin-bottom: 8px;">Zpráva odeslána!</h4>
            <p style="color: #6c757d; margin-bottom: 24px;">Váš e-mail byl úspěšně odeslán. Brzy se vám ozveme.</p>
            <button type="button" class="btn"
                style="width: 100%; margin-top: auto; border: 1px solid var(--accent-clr); color: var(--accent-clr); background-color: transparent; padding: 12px; border-radius: 8px; font-weight: 500;"
                onclick="resetContactForm()">Odeslat další zprávu</button>
        </div>

    </div>
</div>