<?php
include "classes/class.loader.php";
$html = new html();
$html->bacground_emoji();
$calls = new functions();
$html->header();
if(!isset($_SESSION['user_id'])){
    echo "<script>window.location.href='login.php';</script>";
}
?>
<style>
    body {
        background-color: #bebebee7;
        color: white;
    }
</style>

<div class="home_container">

    <div class="container_wide">
        <h2>FAQ</h2>
        <div class="line"></div>
        <p>❓ Unleashed K9 Solutions – FAQ</p>

        <h2>🐕 General Training Questions</h2>

        <p>Q: What types of training do you offer?</p>
        <p>We specialize in behavior-based dog training tailored to each dog’s temperament and needs. This includes
        foundational obedience, behavior modification, and advanced working dog skill development.</p>

        <p>Q: Do you use positive reinforcement?</p>
        <p>Yes. Our methods prioritize trust, clarity, and consistency. We use rewards, boundaries, and clear communication
        to build lasting behavior change.</p>

        <p>Q: Can you help with aggressive or reactive dogs?</p>
        <p>Absolutely. We have experience working with dogs who struggle with fear, reactivity, or aggression. Each case is
        approached with empathy, structure, and a customized plan.</p>

        <hr>

        <h2>🛠 Other Services We Offer</h4>

        <p>In addition to training, we provide a range of supportive services to help you care for your dog with
        confidence—whether you're at home, away, or facing unexpected challenges.</p>

        <p>🐾 Working Dog Skill Development</p>
        <p>We’re passionate about unlocking the full potential of working dogs. Our specialized programs include:</p>

        <ul>
            <li>Tracking & Trailing – Teaching dogs to follow scent trails with precision.</li>
            <li>Detection Work – Scent identification for narcotics, explosives, or custom targets.</li>
            <li>Wilderness Applications – Search and rescue, remote navigation, and field-readiness.</li>
        </ul>

        <p>These programs are tailored to each dog’s drive, aptitude, and handler goals.</p>

        <p>🏡 Home-Based Support</p>
        <ul>
            <li>House Sitting – Reliable, dog-savvy care while you're away.</li>
            <li>Daily Check-Ins – Short visits to feed, walk, or comfort your dog.</li>
        </ul>

        <p>🚶‍♂ Walking Services</p>
        <p>Structured walks that reinforce leash manners and provide mental stimulation.</p>

        <p>🩺 Vet Visit Support</p>
        <ul>
            <li>Pre-Visit Prep – Calming routines and transport assistance.</li>
            <li>Post-Visit Care – Gentle monitoring after procedures or check-ups.</li>
        </ul>

        <p>💔 Trauma Call-Outs</p>
        <p>On-call support for dogs experiencing acute stress or behavioral regression. We respond with calm, professional
        care and a recovery plan.</p>

        <p>🧠 Consultation & Guidance</p>
        <ul>
            <li>Temperament Assessments</li>
            <li>Pre-Adoption Consultations</li>
            <li>Gear & Handling Advice</li>
            <li>Custom Behavior Reports</li>
            <li>Workshops & Community Events</li>
        </ul>

        <hr>

        <h2>📅 Booking & Logistics</h2>

        <p>Q: How do I book a session or service?</p>
        <p>You can contact us directly via phone, email, or social media. We’ll guide you through a short intake process to
        match you with the right service.</p>

        <p>Q: Do you offer packages or discounts?</p>
        <p>Yes. We offer bundled training packages and loyalty discounts for recurring services. Ask us about current
        offers.</p>

        <p>Q: What areas do you serve?</p>
        <p>We’re based in Mbombela, but we offer mobile services and remote consultations depending on your
        location and needs.</p>

    </div>

    <div class="container_wide">
        <h2>TUTORIAL</h2>
        <div class="line"></div>
        <video width="100%" controls>
            <source src="assets/Unleashed_Tutorial_Mobile.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>
       

    </div>

      <div class="whatsapp-label">HELP</div>

    <!-- Floating button -->
    <a class="whatsapp-float" id="whatsappBtn" title="Message us on WhatsApp" target="_blank" rel="noopener noreferrer"
        href="#" aria-label="Open WhatsApp chat">
        <!-- WhatsApp SVG icon (official-looking) -->
        <svg viewBox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M20.52 3.48A11.9 11.9 0 0 0 12 0C5.373 0 .003 5.373.003 12 0 13.987.44 15.9 1.27 17.6L0 24l6.66-1.76a11.94 11.94 0 0 0 5.34 1.38h.01c6.627 0 12-5.373 12-12 0-3.19-1.24-6.18-3.48-8.04z"
                fill="#25D366" />
            <path
                d="M17.56 14.1c-.32-.16-1.9-.94-2.2-1.04-.3-.11-.52-.16-.74.16-.22.32-.86 1.04-1.06 1.25-.19.19-.39.21-.72.07-.32-.13-1.37-.51-2.61-1.62-.97-.86-1.62-1.92-1.81-2.24-.19-.32-.02-.49.14-.65.14-.14.32-.36.48-.54.16-.19.21-.32.32-.53.11-.21.05-.39-.03-.55-.08-.16-.74-1.78-1.02-2.44-.27-.64-.55-.55-.74-.56-.19-.01-.41-.01-.63-.01-.22 0-.58.08-.88.39-.3.31-1.15 1.12-1.15 2.73 0 1.6 1.18 3.14 1.34 3.36.16.22 2.32 3.66 5.62 5.12 3.3 1.46 3.3 0.97 3.9 0.91.6-.07 1.92-.78 2.19-1.53.27-.74.27-1.38.19-1.53-.08-.15-.3-.24-.62-.4z"
                fill="#fff" />
        </svg>
    </a>

    <script>
        // PHONE: user-provided local number (0645010642).
        // For reliable behaviour with wa.me we convert to international format.
        // South Africa country code = 27; remove leading zero from the local number.
        const localNumber = "0645010642";
        const intlNumber = localNumber.replace(/^0+/, ""); // removes leading zero(s)
        // If your country is South Africa, add 27 before the number:
        const countryCode = "27";
        const phoneForWA = countryCode + intlNumber; // -> "27645010642"

        // Prefilled message (exact text provided by user)
        const msg = "Good day Team, Please help with the following:";

        // Build links: prefer whatsapp:// for mobile apps, fallback to https://wa.me/ for web/mobile
        const encodedMsg = encodeURIComponent(msg);
        const waAppLink = "whatsapp://send?phone=" + phoneForWA + "&text=" + encodedMsg;
        const waWebLink = "https://wa.me/" + phoneForWA + "?text=" + encodedMsg;

        // Use web link by default (works on desktop & mobile); on some mobile browsers whatsapp:// may work.
        const anchor = document.getElementById("whatsappBtn");

        // Attempt to open app link on mobile — but final href will be web fallback.
        // We'll set href to web link so it also works in desktop browsers.
        anchor.href = waWebLink;

        // Optional: on mobile, try to open the app first then fallback to web.
        // (We do this by attempting to navigate to app scheme for short time.)
        function openWhatsAppPreferApp(e) {
            // On touch devices, try app; on desktop, just open web
            const isMobile = /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
            if (!isMobile) return; // let default anchor behavior open new tab

            e.preventDefault();
            // Try app scheme
            const appUrl = waAppLink;
            const webUrl = waWebLink;

            // Create invisible iframe to try app URL (older technique)
            const start = Date.now();
            let didOpen = false;

            // For modern browsers, direct location change is OK.
            window.location = appUrl;

            // After short delay, navigate to web link (works as fallback)
            setTimeout(function () {
                // If still on the page, open web link
                // We guard to avoid double navigation in some environments
                if (Date.now() - start < 2000) {
                    window.location = webUrl;
                }
            }, 1500);
        }

        // Use the mobile-prefer behavior on click
        anchor.addEventListener("click", openWhatsAppPreferApp, { passive: false });
    </script>

</div>