{% extends 'hosting_app/base_hosting.html' %}
{% load static %}

{% block title %}FAQ | Host in Sri Lanka{% endblock %}

{% block content %}

<style>
    /* =========================================================
       HOSTING FAQ PAGE — PREMIUM
    ========================================================= */

    .hosting-faq-page {
        background:
            radial-gradient(circle at top left, rgba(255, 193, 7, 0.10), transparent 28%),
            radial-gradient(circle at top right, rgba(116, 49, 41, 0.10), transparent 30%),
            linear-gradient(180deg, #fffaf5 0%, #ffffff 48%, #fff7ef 100%);
        color: #2d1716;
        overflow-x: hidden;
    }

    .hosting-faq-hero {
        position: relative;
        min-height: 520px;
        display: flex;
        align-items: center;
        overflow: hidden;
        background:
            linear-gradient(
                100deg,
                rgba(45, 23, 22, 0.96) 0%,
                rgba(45, 23, 22, 0.88) 45%,
                rgba(116, 49, 41, 0.66) 75%,
                rgba(116, 49, 41, 0.54) 100%
            ),
            url("{% static 'hosting_app/images/hosting_hero.webp' %}") center center / cover no-repeat;
    }

    .hosting-faq-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 18% 35%, rgba(255, 193, 7, 0.22), transparent 34%),
            radial-gradient(circle at 88% 70%, rgba(255, 255, 255, 0.10), transparent 34%);
        pointer-events: none;
    }

    .hosting-faq-hero::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 110px;
        background: linear-gradient(to bottom, transparent, #fffaf5);
    }

    .hosting-faq-hero-inner {
        position: relative;
        z-index: 2;
        padding: 6rem 0 7rem;
        max-width: 900px;
    }

    .hosting-faq-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        padding: 0.55rem 1rem;
        border-radius: 999px;
        background: rgba(255, 193, 7, 0.16);
        border: 1px solid rgba(255, 193, 7, 0.34);
        color: #ffe7aa;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        font-size: 0.78rem;
        margin-bottom: 1.2rem;
        backdrop-filter: blur(8px);
    }

    .hosting-faq-hero h1 {
        color: #ffffff;
        font-size: clamp(2.5rem, 5vw, 4.8rem);
        font-weight: 950;
        line-height: 1.05;
        letter-spacing: -0.045em;
        margin-bottom: 1.2rem;
    }

    .hosting-faq-hero p {
        color: rgba(255, 255, 255, 0.84);
        font-size: 1.12rem;
        line-height: 1.82;
        max-width: 760px;
        margin-bottom: 0;
    }

    .hosting-faq-shell {
        position: relative;
        z-index: 3;
        margin-top: -70px;
        padding-bottom: 5rem;
    }

    .hosting-faq-card {
        background: rgba(255, 255, 255, 0.98);
        border: 1px solid rgba(239, 226, 211, 0.95);
        border-radius: 34px;
        box-shadow: 0 28px 70px rgba(58, 30, 24, 0.12);
        overflow: hidden;
    }

    .hosting-faq-topbar {
        padding: 1.6rem 1.8rem;
        border-bottom: 1px solid #efe2d3;
        background:
            radial-gradient(circle at top right, rgba(255, 193, 7, 0.08), transparent 28%),
            linear-gradient(135deg, #ffffff 0%, #fffaf5 100%);
    }

    .hosting-faq-topbar h2 {
        color: #2d1716;
        font-weight: 950;
        margin-bottom: 0.4rem;
        letter-spacing: -0.03em;
    }

    .hosting-faq-topbar p {
        color: #6f5b53;
        line-height: 1.7;
        margin-bottom: 0;
    }

    .hosting-faq-body {
        padding: 2rem;
    }

    .hosting-faq-category {
        margin-bottom: 2rem;
    }

    .hosting-faq-category:last-child {
        margin-bottom: 0;
    }

    .hosting-faq-category-header {
        margin-bottom: 1rem;
    }

    .hosting-faq-category-kicker {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        color: #a7601b;
        font-size: 0.78rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        margin-bottom: 0.45rem;
    }

    .hosting-faq-category h3 {
        color: #2d1716;
        font-size: clamp(1.4rem, 2.5vw, 2rem);
        font-weight: 950;
        margin-bottom: 0.5rem;
        letter-spacing: -0.025em;
    }

    .hosting-faq-category p {
        color: #6f5b53;
        line-height: 1.7;
        margin-bottom: 0;
    }

    .hosting-faq-accordion {
        display: grid;
        gap: 0.9rem;
    }

    .hosting-faq-item {
        border: 1px solid #efe2d3;
        border-radius: 22px;
        background: #ffffff;
        overflow: hidden;
        box-shadow: 0 12px 28px rgba(58, 30, 24, 0.05);
    }

    .hosting-faq-question {
        width: 100%;
        border: 0;
        background:
            radial-gradient(circle at top right, rgba(255, 193, 7, 0.06), transparent 28%),
            #fffaf5;
        color: #2d1716;
        padding: 1.1rem 1.2rem;
        text-align: left;
        font-weight: 900;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }

    .hosting-faq-question span {
        line-height: 1.45;
    }

    .hosting-faq-question i {
        color: #a7601b;
        flex-shrink: 0;
        transition: transform 0.2s ease;
    }

    .hosting-faq-question:not(.collapsed) i {
        transform: rotate(180deg);
    }

    .hosting-faq-answer {
        padding: 1.15rem 1.2rem 1.25rem;
        border-top: 1px solid #efe2d3;
    }

    .hosting-faq-answer p {
        color: #6f5b53;
        line-height: 1.78;
        margin-bottom: 0.85rem;
    }

    .hosting-faq-answer p:last-child {
        margin-bottom: 0;
    }

    .hosting-faq-answer ul {
        margin-bottom: 0.85rem;
        padding-left: 1.2rem;
    }

    .hosting-faq-answer li {
        color: #6f5b53;
        line-height: 1.7;
        margin-bottom: 0.35rem;
    }

    .hosting-faq-answer strong {
        color: #2d1716;
    }

    .hosting-faq-note {
        border-radius: 24px;
        padding: 1.25rem;
        background: #fff4e4;
        border: 1px solid #efd7ae;
        color: #7a4c18;
        line-height: 1.72;
        margin: 1rem 0 2rem;
    }

    .hosting-faq-note strong {
        color: #2d1716;
    }

    .hosting-faq-final-cta {
        margin-top: 2rem;
        border-radius: 30px;
        background:
            linear-gradient(135deg, #2d1716 0%, #743129 58%, #a7601b 100%);
        color: #ffffff;
        padding: 2.2rem;
        text-align: center;
        box-shadow: 0 22px 50px rgba(58, 30, 24, 0.16);
    }

    .hosting-faq-final-cta h3 {
        color: #ffffff;
        font-weight: 950;
        margin-bottom: 0.7rem;
    }

    .hosting-faq-final-cta p {
        color: rgba(255, 255, 255, 0.82);
        line-height: 1.75;
        margin-bottom: 1.4rem;
    }

    .hosting-faq-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        padding: 0.82rem 1.35rem;
        font-weight: 850;
        text-decoration: none;
        background: #ffc107;
        color: #2d1716;
        border: none;
    }

    .hosting-faq-btn:hover {
        color: #2d1716;
        background: #ffe082;
    }

    .hosting-faq-outline-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        padding: 0.78rem 1.35rem;
        font-weight: 850;
        text-decoration: none;
        background: transparent;
        color: #ffffff;
        border: 2px solid rgba(255, 255, 255, 0.7);
    }

    .hosting-faq-outline-btn:hover {
        color: #2d1716;
        background: #ffffff;
    }

    @media (max-width: 991.98px) {
        .hosting-faq-hero {
            min-height: auto;
            background-position: 68% center;
        }

        .hosting-faq-hero-inner {
            padding: 5rem 1.2rem 6rem;
        }

        .hosting-faq-body {
            padding: 1.5rem;
        }
    }

    @media (max-width: 767.98px) {
        .hosting-faq-shell {
            margin-top: -45px;
            padding-bottom: 3.5rem;
        }

        .hosting-faq-card {
            border-radius: 26px;
        }

        .hosting-faq-topbar,
        .hosting-faq-body {
            padding-left: 1.15rem;
            padding-right: 1.15rem;
        }

        .hosting-faq-final-cta .d-flex {
            flex-direction: column;
            align-items: stretch;
        }

        .hosting-faq-btn,
        .hosting-faq-outline-btn {
            width: 100%;
        }
    }
</style>


<div class="hosting-faq-page">

    <!-- =========================================================
         HERO
    ========================================================= -->
    <section class="hosting-faq-hero">
        <div class="container">
            <div class="hosting-faq-hero-inner">

                <span class="hosting-faq-badge">
                    <i class="bi bi-question-circle-fill"></i>
                    Help Center
                </span>

                <h1>
                    Frequently Asked Questions
                </h1>

                <p>
                    Find answers about Host in Sri Lanka, Hosting Partner registration,
                    venue listings, event packages, meal plans, add-on services,
                    guest booking requests, payments, commission, approvals, and event coordination.
                </p>

            </div>
        </div>
    </section>


    <!-- =========================================================
         FAQ CONTENT
    ========================================================= -->
    <section class="hosting-faq-shell">
        <div class="container">

            <div class="hosting-faq-card">

                <div class="hosting-faq-topbar">
                    <h2>Host in Sri Lanka FAQ</h2>
                    <p>
                        This page explains the common questions for both Hosting Partners and Guests.
                        Some details may vary based on the venue, package, payment method, event type,
                        and Ensolanka’s final coordination review.
                    </p>
                </div>

                <div class="hosting-faq-body">

                    <div class="hosting-faq-note">
                        <strong>Note:</strong>
                        A guest request is not automatically a confirmed booking. Ensolanka reviews the request,
                        checks availability with the Hosting Partner, confirms pricing and inclusions, and then
                        guides the next steps.
                    </div>


                    <!-- CATEGORY 1 -->
                    <div class="hosting-faq-category">
                        <div class="hosting-faq-category-header">
                            <span class="hosting-faq-category-kicker">
                                <i class="bi bi-building-heart"></i>
                                General Platform Questions
                            </span>

                            <h3>About Host in Sri Lanka</h3>

                            <p>
                                Basic questions about the purpose of the platform and how it fits into Ensolanka’s travel ecosystem.
                            </p>
                        </div>

                        <div class="hosting-faq-accordion" id="faqGeneral">

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#generalOne"
                                        aria-expanded="false"
                                        aria-controls="generalOne">
                                    <span>What is Host in Sri Lanka?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="generalOne" class="collapse" data-bs-parent="#faqGeneral">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            <strong>Host in Sri Lanka</strong> is a Hosting Partner and event coordination platform
                                            by Ensolanka. It connects Sri Lankan venues and hospitality businesses with guests
                                            who want romantic dates, proposal events, anniversaries, birthdays, honeymoon moments,
                                            private dinners, and other celebration experiences.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#generalTwo"
                                        aria-expanded="false"
                                        aria-controls="generalTwo">
                                    <span>Is this only for couples?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="generalTwo" class="collapse" data-bs-parent="#faqGeneral">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            The platform is strongly focused on couple-related and romantic experiences,
                                            such as dates, proposals, anniversaries, and honeymoon moments. However,
                                            it can also support birthdays, private dining, small celebrations, and suitable
                                            custom events depending on the Host and Ensolanka’s approval.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#generalThree"
                                        aria-expanded="false"
                                        aria-controls="generalThree">
                                    <span>Is Ensolanka the owner of the listed venues?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="generalThree" class="collapse" data-bs-parent="#faqGeneral">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            No. Ensolanka generally acts as the platform operator, introducer, coordinator,
                                            and event-management support provider. The actual venues are owned or operated by
                                            independent Hosting Partners, who remain responsible for their venue, staff, food,
                                            safety, services, and event delivery.
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- CATEGORY 2 -->
                    <div class="hosting-faq-category">
                        <div class="hosting-faq-category-header">
                            <span class="hosting-faq-category-kicker">
                                <i class="bi bi-person-plus-fill"></i>
                                Hosting Partner Registration
                            </span>

                            <h3>For Venues and Hosts</h3>

                            <p>
                                Questions for restaurants, hotels, villas, rooftops, gardens, resorts, event spaces,
                                and other places that want to become Hosting Partners.
                            </p>
                        </div>

                        <div class="hosting-faq-accordion" id="faqHosts">

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#hostOne"
                                        aria-expanded="false"
                                        aria-controls="hostOne">
                                    <span>Who can register as a Hosting Partner?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="hostOne" class="collapse" data-bs-parent="#faqHosts">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Suitable Hosting Partners may include restaurants, hotels, resorts, private villas,
                                            banquet halls, party halls, cabanas, lounges, rooftops, gardens, outdoor venues,
                                            beachfront places, lakeside venues, spas, farm stays, event halls, boats, heritage venues,
                                            parks, honeymoon resorts, and similar spaces.
                                        </p>
                                        <p>
                                            The person registering must have the authority to represent the venue or business.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#hostTwo"
                                        aria-expanded="false"
                                        aria-controls="hostTwo">
                                    <span>Is registration automatically approved?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="hostTwo" class="collapse" data-bs-parent="#faqHosts">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            No. A Hosting Partner profile, venue listing, event package, meal plan,
                                            or add-on service may be reviewed by Ensolanka before public visibility.
                                            Approval may depend on completeness, suitability, image quality, pricing clarity,
                                            safety, communication reliability, and platform standards.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#hostThree"
                                        aria-expanded="false"
                                        aria-controls="hostThree">
                                    <span>What can a Hosting Partner list?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="hostThree" class="collapse" data-bs-parent="#faqHosts">
                                    <div class="hosting-faq-answer">
                                        <p>Hosting Partners can list:</p>
                                        <ul>
                                            <li>Venue details and images</li>
                                            <li>Romantic date packages</li>
                                            <li>Proposal event packages</li>
                                            <li>Anniversary celebration packages</li>
                                            <li>Birthday celebration packages</li>
                                            <li>Honeymoon experience packages</li>
                                            <li>Private dinner or custom event packages</li>
                                            <li>Meal plans</li>
                                            <li>Add-on services such as cakes, flowers, photography, decorations, music, and transport</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#hostFour"
                                        aria-expanded="false"
                                        aria-controls="hostFour">
                                    <span>Can a Host update prices and package details later?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="hostFour" class="collapse" data-bs-parent="#faqHosts">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Yes, Hosts can update prices, descriptions, images, inclusions, exclusions,
                                            meal plans, and add-ons. However, updates may be subject to review,
                                            especially when they affect public listings or already requested arrangements.
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- CATEGORY 3 -->
                    <div class="hosting-faq-category">
                        <div class="hosting-faq-category-header">
                            <span class="hosting-faq-category-kicker">
                                <i class="bi bi-gift-fill"></i>
                                Event Packages
                            </span>

                            <h3>Packages, Meals, and Add-ons</h3>

                            <p>
                                Questions about how hosts present their experiences and how guests select them.
                            </p>
                        </div>

                        <div class="hosting-faq-accordion" id="faqPackages">

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#packageOne"
                                        aria-expanded="false"
                                        aria-controls="packageOne">
                                    <span>What is an Event Package?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="packageOne" class="collapse" data-bs-parent="#faqPackages">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            An Event Package is a structured offer created by a Host for a specific experience,
                                            such as a romantic date, proposal, anniversary, birthday, honeymoon moment,
                                            private dinner, or custom celebration. It may include duration, base price,
                                            guest capacity, inclusions, exclusions, meal information, decoration status,
                                            and optional services.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#packageTwo"
                                        aria-expanded="false"
                                        aria-controls="packageTwo">
                                    <span>Are meals always included in packages?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="packageTwo" class="collapse" data-bs-parent="#faqPackages">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Not always. Some packages may include meals, while others may offer meals separately
                                            as a Meal Plan. The package details should clearly state whether meals are included
                                            or priced separately.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#packageThree"
                                        aria-expanded="false"
                                        aria-controls="packageThree">
                                    <span>What are add-on services?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="packageThree" class="collapse" data-bs-parent="#faqPackages">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Add-on services are optional extras that can improve the celebration experience.
                                            Examples include cakes, flowers, photography, videography, decoration,
                                            music, transport, private service staff, special lighting, gift arrangements,
                                            and entertainment.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#packageFour"
                                        aria-expanded="false"
                                        aria-controls="packageFour">
                                    <span>Can guests request a custom celebration?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="packageFour" class="collapse" data-bs-parent="#faqPackages">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Yes. If a package is customizable, or if the Host can support custom arrangements,
                                            guests may submit specific requirements. Ensolanka will review the request and
                                            coordinate with the Host to confirm availability, pricing, and feasibility.
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- CATEGORY 4 -->
                    <div class="hosting-faq-category">
                        <div class="hosting-faq-category-header">
                            <span class="hosting-faq-category-kicker">
                                <i class="bi bi-calendar2-heart-fill"></i>
                                Booking Process
                            </span>

                            <h3>Guest Requests and Confirmations</h3>

                            <p>
                                Questions about what happens after a guest selects a venue or package.
                            </p>
                        </div>

                        <div class="hosting-faq-accordion" id="faqBookings">

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#bookingOne"
                                        aria-expanded="false"
                                        aria-controls="bookingOne">
                                    <span>Can guests instantly book an event?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="bookingOne" class="collapse" data-bs-parent="#faqBookings">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Usually, no. The platform follows a managed request and confirmation process.
                                            Ensolanka checks availability, confirms the details with the Host, reviews pricing
                                            and inclusions, and then guides the guest toward confirmation and payment where required.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#bookingTwo"
                                        aria-expanded="false"
                                        aria-controls="bookingTwo">
                                    <span>When is a booking considered confirmed?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="bookingTwo" class="collapse" data-bs-parent="#faqBookings">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            A booking is considered confirmed only after Ensolanka and the Host confirm
                                            availability and details, and after the guest completes any required payment,
                                            deposit, or confirmation step.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#bookingThree"
                                        aria-expanded="false"
                                        aria-controls="bookingThree">
                                    <span>Can Ensolanka reject or decline an event request?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="bookingThree" class="collapse" data-bs-parent="#faqBookings">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Yes. Ensolanka may decline requests that appear unsafe, unlawful, unsuitable,
                                            incomplete, unrealistic, unavailable, outside platform scope, or inconsistent with
                                            Host or platform standards.
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- CATEGORY 5 -->
                    <div class="hosting-faq-category">
                        <div class="hosting-faq-category-header">
                            <span class="hosting-faq-category-kicker">
                                <i class="bi bi-cash-coin"></i>
                                Pricing and Commission
                            </span>

                            <h3>Costs, Payments, and Host Commission</h3>

                            <p>
                                Questions about pricing, payment items, gateway charges, and Ensolanka’s 10% commission model.
                            </p>
                        </div>

                        <div class="hosting-faq-accordion" id="faqPricing">

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#pricingOne"
                                        aria-expanded="false"
                                        aria-controls="pricingOne">
                                    <span>Who sets the prices?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="pricingOne" class="collapse" data-bs-parent="#faqPricing">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Hosts set their own venue, package, meal, and add-on prices. However,
                                            Ensolanka may review pricing for clarity, fairness, consistency, and guest suitability
                                            before publishing or confirming an arrangement.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#pricingTwo"
                                        aria-expanded="false"
                                        aria-controls="pricingTwo">
                                    <span>What commission does Ensolanka charge Hosts?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="pricingTwo" class="collapse" data-bs-parent="#faqPricing">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Unless otherwise agreed, Ensolanka charges a <strong>10% Host-side commission</strong>
                                            from the confirmed event or service value. Hosts should consider this commission
                                            when setting their prices.
                                        </p>
                                        <p>
                                            Example: If the confirmed event price is USD 300, Ensolanka’s 10% commission is USD 30,
                                            and the Host-side gross value before other Host costs is USD 270.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#pricingThree"
                                        aria-expanded="false"
                                        aria-controls="pricingThree">
                                    <span>Are prices final when displayed publicly?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="pricingThree" class="collapse" data-bs-parent="#faqPricing">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Not always. Some prices may be estimated, tentative, subject to availability,
                                            seasonal variation, guest count, meal choices, add-ons, or final Host confirmation.
                                            Final payable amounts are confirmed during the coordination process.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#pricingFour"
                                        aria-expanded="false"
                                        aria-controls="pricingFour">
                                    <span>How do guests pay?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="pricingFour" class="collapse" data-bs-parent="#faqPricing">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Payments may be handled through the Ensolanka platform, third-party payment gateways,
                                            bank transfer, offline payment, direct Host payment, or another approved method.
                                            The exact method depends on the booking, payment status, and Ensolanka’s coordination process.
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- CATEGORY 6 -->
                    <div class="hosting-faq-category">
                        <div class="hosting-faq-category-header">
                            <span class="hosting-faq-category-kicker">
                                <i class="bi bi-arrow-repeat"></i>
                                Cancellations and Refunds
                            </span>

                            <h3>Changes, Cancellations, and Refund Handling</h3>

                            <p>
                                Questions about deposits, cancellation requests, refunds, and rescheduling.
                            </p>
                        </div>

                        <div class="hosting-faq-accordion" id="faqRefunds">

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#refundOne"
                                        aria-expanded="false"
                                        aria-controls="refundOne">
                                    <span>Can a guest cancel a confirmed event?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="refundOne" class="collapse" data-bs-parent="#faqRefunds">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            A guest may request cancellation, but refund eligibility depends on timing,
                                            Host policy, preparation status, payment type, venue reservation, purchased materials,
                                            meals, third-party services, and Ensolanka coordination work already completed.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#refundTwo"
                                        aria-expanded="false"
                                        aria-controls="refundTwo">
                                    <span>Are deposits refundable?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="refundTwo" class="collapse" data-bs-parent="#faqRefunds">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Deposits may be refundable, partially refundable, or non-refundable depending on
                                            the Host policy, event type, preparation status, and cancellation timing.
                                            Custom decorations, flowers, cakes, photography deposits, music deposits,
                                            venue reservation costs, and meals already prepared may be non-refundable.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#refundThree"
                                        aria-expanded="false"
                                        aria-controls="refundThree">
                                    <span>Can an event be rescheduled?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="refundThree" class="collapse" data-bs-parent="#faqRefunds">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Rescheduling may be possible if the Host, Guest, and Ensolanka agree.
                                            It depends on availability, event type, payment status, preparation already completed,
                                            third-party service availability, and any extra costs.
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- CATEGORY 7 -->
                    <div class="hosting-faq-category">
                        <div class="hosting-faq-category-header">
                            <span class="hosting-faq-category-kicker">
                                <i class="bi bi-shield-check"></i>
                                Safety and Responsibility
                            </span>

                            <h3>Rules, Safety, and Platform Responsibility</h3>

                            <p>
                                Questions about guest conduct, Host obligations, content, safety, and platform limitations.
                            </p>
                        </div>

                        <div class="hosting-faq-accordion" id="faqSafety">

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#safetyOne"
                                        aria-expanded="false"
                                        aria-controls="safetyOne">
                                    <span>Who is responsible for venue safety and service delivery?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="safetyOne" class="collapse" data-bs-parent="#faqSafety">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            The Host is responsible for venue safety, staff conduct, hygiene, food safety,
                                            physical setup, local law compliance, and delivery of agreed services.
                                            Ensolanka supports platform coordination, but the Host remains responsible
                                            for actual venue operations.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#safetyTwo"
                                        aria-expanded="false"
                                        aria-controls="safetyTwo">
                                    <span>Can Hosts contact guests directly outside Ensolanka?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="safetyTwo" class="collapse" data-bs-parent="#faqSafety">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Hosts must not use Ensolanka-provided leads or guest details to bypass the platform
                                            and avoid commission. Communication may be coordinated through Ensolanka or approved
                                            channels depending on the booking stage.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#safetyThree"
                                        aria-expanded="false"
                                        aria-controls="safetyThree">
                                    <span>Does Ensolanka guarantee event success or romantic outcomes?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="safetyThree" class="collapse" data-bs-parent="#faqSafety">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            No. Ensolanka helps with introductions, coordination, and platform support,
                                            but it cannot guarantee emotional outcomes, proposal acceptance, relationship success,
                                            guest satisfaction, Host performance, weather, third-party services, or specific event results.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="hosting-faq-item">
                                <button class="hosting-faq-question collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#safetyFour"
                                        aria-expanded="false"
                                        aria-controls="safetyFour">
                                    <span>Can Ensolanka remove a Host or listing?</span>
                                    <i class="bi bi-chevron-down"></i>
                                </button>

                                <div id="safetyFour" class="collapse" data-bs-parent="#faqSafety">
                                    <div class="hosting-faq-answer">
                                        <p>
                                            Yes. Ensolanka may remove, hide, suspend, or reject Hosts, venues, packages,
                                            meal plans, add-ons, or user accounts if there are quality, safety, legal,
                                            communication, misleading information, circumvention, or platform policy concerns.
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- FINAL CTA -->
                    <div class="hosting-faq-final-cta">
                        <h3>Still have questions?</h3>

                        <p>
                            Contact the Host in Sri Lanka team before registering, listing your venue,
                            creating packages, or requesting a celebration arrangement.
                        </p>

                        <div class="d-flex justify-content-center gap-3 flex-wrap">
                            <a href="{% url 'hosting_app:contact_page' %}" class="hosting-faq-btn">
                                <i class="bi bi-envelope-fill me-2"></i>
                                Contact Us
                            </a>

                            {% if is_host_user %}
                                <a href="{% url 'hosting_app:host_dashboard' %}" class="hosting-faq-outline-btn">
                                    <i class="bi bi-speedometer2 me-2"></i>
                                    My Host Dashboard
                                </a>
                            {% else %}
                                <a href="{% url 'hosting_app:host_signup' %}" class="hosting-faq-outline-btn">
                                    <i class="bi bi-building-heart me-2"></i>
                                    Become a Hosting Partner
                                </a>
                            {% endif %}
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </section>

</div>

{% endblock %}