{% extends 'service_partner_app/base_service_partner.html' %}
{% load static %}

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

{% block content %}

<style>
    .faq-hero {
        position: relative;
        padding: 100px 0 90px;
        background:
            linear-gradient(
                110deg,
                rgba(7, 22, 31, 0.97) 0%,
                rgba(10, 45, 53, 0.93) 48%,
                rgba(13, 148, 136, 0.80) 100%
            );
        overflow: hidden;
    }

    .faq-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 15% 20%, rgba(255, 193, 7, 0.20), transparent 28%),
            radial-gradient(circle at 86% 76%, rgba(255, 255, 255, 0.10), transparent 28%);
        pointer-events: none;
    }

    .faq-hero-content {
        position: relative;
        z-index: 2;
    }

    .faq-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 9px 18px;
        border-radius: 999px;
        background: rgba(255, 193, 7, 0.18);
        border: 1px solid rgba(255, 193, 7, 0.38);
        color: #ffd453;
        font-weight: 800;
        font-size: 0.85rem;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .faq-hero-title {
        font-size: clamp(2.7rem, 5vw, 4.5rem);
        line-height: 1.08;
        font-weight: 900;
        color: #fff;
    }

    .faq-hero-text {
        color: rgba(255, 255, 255, 0.88);
        font-size: 1.12rem;
        max-width: 860px;
    }

    .faq-hero-card {
        background: rgba(255, 255, 255, 0.11);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 28px;
        padding: 28px;
        backdrop-filter: blur(12px);
        color: #fff;
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.20);
    }

    .faq-hero-card h5 {
        font-weight: 900;
        margin-bottom: 18px;
    }

    .faq-quick-point {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        padding: 12px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    }

    .faq-quick-point:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .faq-quick-point i {
        color: #ffc107;
        font-size: 1.15rem;
        margin-top: 2px;
    }

    .faq-highlight-section {
        background: linear-gradient(180deg, #f7fbfb 0%, #edf6f5 100%);
    }

    .faq-highlight-card {
        height: 100%;
        background: #fff;
        border-radius: 24px;
        padding: 28px;
        box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
        border: 1px solid rgba(13, 148, 136, 0.08);
        transition: 0.25s ease;
    }

    .faq-highlight-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 24px 55px rgba(15, 23, 42, 0.12);
    }

    .faq-highlight-icon {
        width: 58px;
        height: 58px;
        border-radius: 18px;
        background: #eafff7;
        color: #0d9488;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.55rem;
        margin-bottom: 18px;
    }

    .faq-main-section {
        background: #fff;
    }

    .faq-category-nav {
        position: sticky;
        top: 115px;
        background: #f7fbfb;
        border: 1px solid #e4eeee;
        border-radius: 26px;
        padding: 24px;
    }

    .faq-category-nav h4 {
        font-weight: 900;
        color: #0d1f2a;
        margin-bottom: 18px;
    }

    .faq-category-nav a {
        display: flex;
        gap: 9px;
        align-items: flex-start;
        color: #334155;
        text-decoration: none;
        font-weight: 700;
        padding: 0.68rem 0;
        transition: 0.2s ease;
    }

    .faq-category-nav a:hover {
        color: #0d9488;
    }

    .faq-category-nav i {
        color: #0d9488;
        margin-top: 2px;
    }

    .faq-content-card {
        background: #fff;
        border-radius: 30px;
        padding: 40px;
        box-shadow: 0 22px 58px rgba(15, 23, 42, 0.08);
        border: 1px solid #edf2f3;
    }

    .faq-category-block {
        scroll-margin-top: 130px;
        margin-bottom: 44px;
    }

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

    .faq-category-heading {
        margin-bottom: 24px;
    }

    .faq-category-kicker {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 46px;
        height: 46px;
        padding: 0 14px;
        border-radius: 999px;
        background: linear-gradient(135deg, #0d9488 0%, #0d1f2a 100%);
        color: #fff;
        font-weight: 900;
        font-size: 0.95rem;
        margin-bottom: 14px;
    }

    .faq-category-heading h2 {
        font-weight: 900;
        color: #0d1f2a;
        margin-bottom: 8px;
    }

    .faq-category-heading p {
        color: #64748b;
        margin-bottom: 0;
    }

    .service-faq-accordion .accordion-item {
        border: 1px solid #e7eeee;
        border-radius: 20px !important;
        overflow: hidden;
        margin-bottom: 16px;
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
    }

    .service-faq-accordion .accordion-button {
        font-weight: 800;
        color: #0d1f2a;
        padding: 1.25rem 1.35rem;
        background: #fff;
        box-shadow: none;
    }

    .service-faq-accordion .accordion-button:not(.collapsed) {
        color: #0f766e;
        background: #effcf9;
        box-shadow: none;
    }

    .service-faq-accordion .accordion-button:focus {
        box-shadow: 0 0 0 0.20rem rgba(13, 148, 136, 0.12);
    }

    .service-faq-accordion .accordion-body {
        color: #475569;
        line-height: 1.85;
        padding: 1.25rem 1.35rem 1.45rem;
        background: #fff;
    }

    .service-faq-accordion .accordion-body ul {
        margin-bottom: 0;
        padding-left: 1.2rem;
    }

    .faq-note-box {
        background: linear-gradient(135deg, #ecfffb 0%, #f8fffd 100%);
        border: 1px solid rgba(13, 148, 136, 0.18);
        border-left: 5px solid #0d9488;
        border-radius: 20px;
        padding: 20px 22px;
        color: #475569;
        line-height: 1.8;
    }

    .faq-final-cta {
        background:
            linear-gradient(135deg, #07161f 0%, #0d1f2a 42%, #0d9488 100%);
    }

    .faq-final-box {
        border-radius: 34px;
        padding: 58px 36px;
        background:
            radial-gradient(circle at top left, rgba(255, 193, 7, 0.18), transparent 30%),
            rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.16);
        box-shadow: 0 30px 70px rgba(0, 0, 0, 0.24);
    }

    @media (max-width: 991.98px) {
        .faq-hero {
            padding: 78px 0 72px;
        }

        .faq-category-nav {
            position: static;
            margin-bottom: 28px;
        }

        .faq-content-card {
            padding: 26px 20px;
        }

        .faq-final-box {
            padding: 42px 24px;
        }
    }
</style>


<!-- =========================================================
     HERO
========================================================= -->
<section class="faq-hero">
    <div class="container faq-hero-content">
        <div class="row align-items-center g-5">

            <div class="col-lg-8">
                <span class="faq-badge mb-4">
                    <i class="bi bi-question-circle-fill"></i>
                    Local Service Partner FAQ
                </span>

                <h1 class="faq-hero-title mb-4">
                    Frequently Asked Questions
                </h1>

                <p class="faq-hero-text mb-0">
                    Find clear answers about registration, profile approval, featured visibility,
                    interviews with international guests, salary handling, payment flow, training support,
                    probation, and the overall process of becoming a Local Service Partner through
                    <strong>Hired in Sri Lanka</strong>.
                </p>
            </div>

            <div class="col-lg-4">
                <div class="faq-hero-card">
                    <h5>Quick Answers</h5>

                    <div class="faq-quick-point">
                        <i class="bi bi-check-circle-fill"></i>
                        <div>Signup is currently free.</div>
                    </div>

                    <div class="faq-quick-point">
                        <i class="bi bi-check-circle-fill"></i>
                        <div>Featured profile visibility is optional.</div>
                    </div>

                    <div class="faq-quick-point">
                        <i class="bi bi-check-circle-fill"></i>
                        <div>Guest interest does not automatically mean job selection.</div>
                    </div>

                    <div class="faq-quick-point">
                        <i class="bi bi-check-circle-fill"></i>
                        <div>Appointments are handled through Ensolanka’s professional process.</div>
                    </div>
                </div>
            </div>

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


<!-- =========================================================
     HIGHLIGHT CARDS
========================================================= -->
<section class="py-5 faq-highlight-section">
    <div class="container">
        <div class="section-heading text-center mb-5">
            <span class="section-mini-title">Before You Begin</span>
            <h2 class="fw-bold">Four Things Every Service Partner Should Know</h2>
        </div>

        <div class="row g-4">

            <div class="col-md-6 col-lg-3">
                <div class="faq-highlight-card">
                    <div class="faq-highlight-icon">
                        <i class="bi bi-person-plus-fill"></i>
                    </div>
                    <h5 class="fw-bold">Free Signup</h5>
                    <p class="text-muted mb-0">
                        You can create a Local Service Partner account and submit your profile without paying a registration fee.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="faq-highlight-card">
                    <div class="faq-highlight-icon">
                        <i class="bi bi-star-fill"></i>
                    </div>
                    <h5 class="fw-bold">Visibility Option</h5>
                    <p class="text-muted mb-0">
                        The optional featured profile fee can help improve visibility, but it does not guarantee employment.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="faq-highlight-card">
                    <div class="faq-highlight-icon">
                        <i class="bi bi-person-video3"></i>
                    </div>
                    <h5 class="fw-bold">Interview Process</h5>
                    <p class="text-muted mb-0">
                        Suitable partners may be invited for an interview involving the Guest and Ensolanka representatives.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="faq-highlight-card">
                    <div class="faq-highlight-icon">
                        <i class="bi bi-wallet2"></i>
                    </div>
                    <h5 class="fw-bold">Payment Flow</h5>
                    <p class="text-muted mb-0">
                        Guest salary payables may be handled through the Ensolanka payment center for transparency and tracking.
                    </p>
                </div>
            </div>

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


<!-- =========================================================
     FAQ CONTENT
========================================================= -->
<section class="py-5 faq-main-section">
    <div class="container">
        <div class="row g-4">

            <!-- CATEGORY NAV -->
            <div class="col-lg-4">
                <aside class="faq-category-nav">
                    <h4>FAQ Categories</h4>

                    <a href="#faq-registration">
                        <i class="bi bi-chevron-right"></i>
                        Registration & Profile
                    </a>

                    <a href="#faq-featured">
                        <i class="bi bi-chevron-right"></i>
                        Featured Profile
                    </a>

                    <a href="#faq-opportunities">
                        <i class="bi bi-chevron-right"></i>
                        Guest Interest & Interviews
                    </a>

                    <a href="#faq-appointment">
                        <i class="bi bi-chevron-right"></i>
                        Appointment & Salary Process
                    </a>

                    <a href="#faq-training">
                        <i class="bi bi-chevron-right"></i>
                        Language & Training Support
                    </a>

                    <a href="#faq-probation">
                        <i class="bi bi-chevron-right"></i>
                        Probation & Performance
                    </a>

                    <a href="#faq-safety">
                        <i class="bi bi-chevron-right"></i>
                        Safety, Conduct & Support
                    </a>
                </aside>
            </div>


            <!-- FAQ ACCORDIONS -->
            <div class="col-lg-8">
                <div class="faq-content-card">

                    <!-- REGISTRATION -->
                    <div class="faq-category-block" id="faq-registration">
                        <div class="faq-category-heading">
                            <span class="faq-category-kicker">01</span>
                            <h2>Registration & Profile</h2>
                            <p>Questions about joining, eligibility, and profile approval.</p>
                        </div>

                        <div class="accordion service-faq-accordion" id="registrationAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="registrationOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#registrationCollapseOne"
                                            aria-expanded="true"
                                            aria-controls="registrationCollapseOne">
                                        Who can register as a Local Service Partner?
                                    </button>
                                </h2>
                                <div id="registrationCollapseOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="registrationOne"
                                     data-bs-parent="#registrationAccordion">
                                    <div class="accordion-body">
                                        Individuals in Sri Lanka who are interested in working with international guests
                                        may register, provided they submit truthful information and are willing to follow
                                        Ensolanka’s professional, review, and appointment procedures.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="registrationTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#registrationCollapseTwo"
                                            aria-expanded="false"
                                            aria-controls="registrationCollapseTwo">
                                        Is signup free?
                                    </button>
                                </h2>
                                <div id="registrationCollapseTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="registrationTwo"
                                     data-bs-parent="#registrationAccordion">
                                    <div class="accordion-body">
                                        Yes. Standard signup and initial profile creation are currently free.
                                        Optional paid services, such as featured profile visibility, are separate.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="registrationThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#registrationCollapseThree"
                                            aria-expanded="false"
                                            aria-controls="registrationCollapseThree">
                                        What details should I include in my profile?
                                    </button>
                                </h2>
                                <div id="registrationCollapseThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="registrationThree"
                                     data-bs-parent="#registrationAccordion">
                                    <div class="accordion-body">
                                        Your profile may include your service category, skills, experience, city or district,
                                        education, languages spoken, availability, willingness to relocate or work live-in,
                                        license or passport readiness where relevant, and a suitable professional profile image.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="registrationFour">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#registrationCollapseFour"
                                            aria-expanded="false"
                                            aria-controls="registrationCollapseFour">
                                        Will my profile become visible immediately after signup?
                                    </button>
                                </h2>
                                <div id="registrationCollapseFour"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="registrationFour"
                                     data-bs-parent="#registrationAccordion">
                                    <div class="accordion-body">
                                        Not necessarily. Ensolanka may review submitted profiles before making them visible
                                        to Guests. A profile may remain pending until it satisfies the platform’s review standards.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- FEATURED PROFILE -->
                    <div class="faq-category-block" id="faq-featured">
                        <div class="faq-category-heading">
                            <span class="faq-category-kicker">02</span>
                            <h2>Featured Profile</h2>
                            <p>Questions about higher visibility and the optional USD 5 feature.</p>
                        </div>

                        <div class="accordion service-faq-accordion" id="featuredAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="featuredOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#featuredCollapseOne"
                                            aria-expanded="true"
                                            aria-controls="featuredCollapseOne">
                                        What is a Featured Profile?
                                    </button>
                                </h2>
                                <div id="featuredCollapseOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="featuredOne"
                                     data-bs-parent="#featuredAccordion">
                                    <div class="accordion-body">
                                        A Featured Profile is an optional visibility upgrade that may help your service profile
                                        appear more prominently or higher in relevant listings shown to international Guests.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="featuredTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#featuredCollapseTwo"
                                            aria-expanded="false"
                                            aria-controls="featuredCollapseTwo">
                                        How much does Featured Profile visibility cost?
                                    </button>
                                </h2>
                                <div id="featuredCollapseTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="featuredTwo"
                                     data-bs-parent="#featuredAccordion">
                                    <div class="accordion-body">
                                        The current featured profile fee is <strong>USD 5</strong>, unless Ensolanka updates
                                        the amount or related conditions in the future.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="featuredThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#featuredCollapseThree"
                                            aria-expanded="false"
                                            aria-controls="featuredCollapseThree">
                                        Does paying the featured fee guarantee a job?
                                    </button>
                                </h2>
                                <div id="featuredCollapseThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="featuredThree"
                                     data-bs-parent="#featuredAccordion">
                                    <div class="accordion-body">
                                        No. Featured visibility only helps improve profile exposure.
                                        It does not guarantee guest interest, interviews, selection, employment, salary,
                                        or placement within a specific time period.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- OPPORTUNITIES & INTERVIEWS -->
                    <div class="faq-category-block" id="faq-opportunities">
                        <div class="faq-category-heading">
                            <span class="faq-category-kicker">03</span>
                            <h2>Guest Interest & Interviews</h2>
                            <p>Questions about how foreign Guests identify and evaluate suitable partners.</p>
                        </div>

                        <div class="accordion service-faq-accordion" id="opportunityAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="opportunityOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#opportunityCollapseOne"
                                            aria-expanded="true"
                                            aria-controls="opportunityCollapseOne">
                                        How do Guests find my profile?
                                    </button>
                                </h2>
                                <div id="opportunityCollapseOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="opportunityOne"
                                     data-bs-parent="#opportunityAccordion">
                                    <div class="accordion-body">
                                        Approved Service Partner profiles may become visible to relevant international Guests
                                        browsing the portal for local assistance in Sri Lanka.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="opportunityTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#opportunityCollapseTwo"
                                            aria-expanded="false"
                                            aria-controls="opportunityCollapseTwo">
                                        What happens when a Guest expresses interest in my profile?
                                    </button>
                                </h2>
                                <div id="opportunityCollapseTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="opportunityTwo"
                                     data-bs-parent="#opportunityAccordion">
                                    <div class="accordion-body">
                                        Guest interest does not automatically create a job offer. Ensolanka may review the interest,
                                        confirm the Guest’s need, and notify suitable Service Partners when the process is ready
                                        to proceed toward an interview or next step.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="opportunityThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#opportunityCollapseThree"
                                            aria-expanded="false"
                                            aria-controls="opportunityCollapseThree">
                                        Who participates in the interview?
                                    </button>
                                </h2>
                                <div id="opportunityCollapseThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="opportunityThree"
                                     data-bs-parent="#opportunityAccordion">
                                    <div class="accordion-body">
                                        The interview may include the Guest, the Service Partner, and one or more Ensolanka staff members.
                                        Ensolanka may participate to support a professional, transparent, and suitable selection process.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="opportunityFour">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#opportunityCollapseFour"
                                            aria-expanded="false"
                                            aria-controls="opportunityCollapseFour">
                                        What kinds of jobs may become available?
                                    </button>
                                </h2>
                                <div id="opportunityCollapseFour"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="opportunityFour"
                                     data-bs-parent="#opportunityAccordion">
                                    <div class="accordion-body">
                                        Possible roles may include:
                                        <ul class="mt-2">
                                            <li>Driver</li>
                                            <li>Translator</li>
                                            <li>Housekeeper</li>
                                            <li>Security Guard</li>
                                            <li>Personal Assistant</li>
                                            <li>Caregiver or Nurse</li>
                                            <li>Helper or General Assistant</li>
                                            <li>Other locally needed support roles</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- APPOINTMENT & SALARY -->
                    <div class="faq-category-block" id="faq-appointment">
                        <div class="faq-category-heading">
                            <span class="faq-category-kicker">04</span>
                            <h2>Appointment & Salary Process</h2>
                            <p>Questions about formal selection, salary agreements, and payment handling.</p>
                        </div>

                        <div class="accordion service-faq-accordion" id="appointmentAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="appointmentOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#appointmentCollapseOne"
                                            aria-expanded="true"
                                            aria-controls="appointmentCollapseOne">
                                        What happens if a Guest selects me?
                                    </button>
                                </h2>
                                <div id="appointmentCollapseOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="appointmentOne"
                                     data-bs-parent="#appointmentAccordion">
                                    <div class="accordion-body">
                                        If the Guest selects you and the role, salary, benefits, and working conditions are agreed,
                                        Ensolanka may process the appointment through its Human Resource department or authorized team
                                        on behalf of the Guest.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="appointmentTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#appointmentCollapseTwo"
                                            aria-expanded="false"
                                            aria-controls="appointmentCollapseTwo">
                                        Who decides my salary?
                                    </button>
                                </h2>
                                <div id="appointmentCollapseTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="appointmentTwo"
                                     data-bs-parent="#appointmentAccordion">
                                    <div class="accordion-body">
                                        The salary is agreed based on the role, experience, language ability, working hours,
                                        guest requirements, benefits, and other relevant factors. Final terms are confirmed
                                        during or after the selection process.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="appointmentThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#appointmentCollapseThree"
                                            aria-expanded="false"
                                            aria-controls="appointmentCollapseThree">
                                        How is my monthly salary handled?
                                    </button>
                                </h2>
                                <div id="appointmentCollapseThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="appointmentThree"
                                     data-bs-parent="#appointmentAccordion">
                                    <div class="accordion-body">
                                        Once the appointment is confirmed, the agreed salary and allowances may be created as
                                        payment items in the Guest Payment Center. The Guest is expected to settle the amount by
                                        the stated due date. Ensolanka then handles the related payment flow and releases the
                                        Service Partner’s eligible salary after completion of the relevant service period,
                                        subject to applicable rules and adjustments.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="appointmentFour">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#appointmentCollapseFour"
                                            aria-expanded="false"
                                            aria-controls="appointmentCollapseFour">
                                        Why does Ensolanka handle the payment process?
                                    </button>
                                </h2>
                                <div id="appointmentCollapseFour"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="appointmentFour"
                                     data-bs-parent="#appointmentAccordion">
                                    <div class="accordion-body">
                                        This process is designed to protect both the Guest and the Service Partner.
                                        It creates clearer records, supports payroll coordination, helps reduce payment disputes,
                                        and provides a more professional structure than informal cash arrangements.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- TRAINING -->
                    <div class="faq-category-block" id="faq-training">
                        <div class="faq-category-heading">
                            <span class="faq-category-kicker">05</span>
                            <h2>Language & Training Support</h2>
                            <p>Questions about English proficiency and preparation support.</p>
                        </div>

                        <div class="accordion service-faq-accordion" id="trainingAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="trainingOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#trainingCollapseOne"
                                            aria-expanded="true"
                                            aria-controls="trainingCollapseOne">
                                        Do I need strong English to register?
                                    </button>
                                </h2>
                                <div id="trainingCollapseOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="trainingOne"
                                     data-bs-parent="#trainingAccordion">
                                    <div class="accordion-body">
                                        Strong English is an advantage, especially because most opportunities involve international Guests.
                                        However, a person who does not yet have strong English may still register if they are sincere,
                                        reliable, and willing to improve.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="trainingTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#trainingCollapseTwo"
                                            aria-expanded="false"
                                            aria-controls="trainingCollapseTwo">
                                        Does Ensolanka offer language or professional training?
                                    </button>
                                </h2>
                                <div id="trainingCollapseTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="trainingTwo"
                                     data-bs-parent="#trainingAccordion">
                                    <div class="accordion-body">
                                        Ensolanka may facilitate learning and preparation sessions in areas such as English communication,
                                        guest etiquette, cultural awareness, professional behavior, interview readiness,
                                        and service quality improvement.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="trainingThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#trainingCollapseThree"
                                            aria-expanded="false"
                                            aria-controls="trainingCollapseThree">
                                        Will training guarantee a job?
                                    </button>
                                </h2>
                                <div id="trainingCollapseThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="trainingThree"
                                     data-bs-parent="#trainingAccordion">
                                    <div class="accordion-body">
                                        No. Training may improve readiness and professionalism, but it does not guarantee Guest selection,
                                        appointment, or income.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- PROBATION -->
                    <div class="faq-category-block" id="faq-probation">
                        <div class="faq-category-heading">
                            <span class="faq-category-kicker">06</span>
                            <h2>Probation & Performance</h2>
                            <p>Questions about review periods, feedback, and continuation decisions.</p>
                        </div>

                        <div class="accordion service-faq-accordion" id="probationAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="probationOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#probationCollapseOne"
                                            aria-expanded="true"
                                            aria-controls="probationCollapseOne">
                                        Is there a probation period?
                                    </button>
                                </h2>
                                <div id="probationCollapseOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="probationOne"
                                     data-bs-parent="#probationAccordion">
                                    <div class="accordion-body">
                                        Unless a different period is stated in appointment documentation, an initial probationary
                                        period of up to six months may apply to appointed Service Partners.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="probationTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#probationCollapseTwo"
                                            aria-expanded="false"
                                            aria-controls="probationCollapseTwo">
                                        How is my performance reviewed?
                                    </button>
                                </h2>
                                <div id="probationCollapseTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="probationTwo"
                                     data-bs-parent="#probationAccordion">
                                    <div class="accordion-body">
                                        Ensolanka may receive comments from the Guest about reliability, punctuality,
                                        communication, service quality, honesty, and suitability for the role.
                                        Those observations may support decisions on continuation, guidance, or further review.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="probationThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#probationCollapseThree"
                                            aria-expanded="false"
                                            aria-controls="probationCollapseThree">
                                        Can an appointment be discontinued?
                                    </button>
                                </h2>
                                <div id="probationCollapseThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="probationThree"
                                     data-bs-parent="#probationAccordion">
                                    <div class="accordion-body">
                                        Yes. Based on performance, conduct, suitability, Guest feedback, appointment terms,
                                        and applicable HR procedures, Ensolanka may take appropriate decisions regarding continuation,
                                        warning, additional training, reassignment review, or discontinuation where relevant.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- SAFETY -->
                    <div class="faq-category-block" id="faq-safety">
                        <div class="faq-category-heading">
                            <span class="faq-category-kicker">07</span>
                            <h2>Safety, Conduct & Support</h2>
                            <p>Questions about respectful behavior, reporting issues, and help from Ensolanka.</p>
                        </div>

                        <div class="accordion service-faq-accordion" id="safetyAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="safetyOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#safetyCollapseOne"
                                            aria-expanded="true"
                                            aria-controls="safetyCollapseOne">
                                        What kind of professional behavior is expected?
                                    </button>
                                </h2>
                                <div id="safetyCollapseOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="safetyOne"
                                     data-bs-parent="#safetyAccordion">
                                    <div class="accordion-body">
                                        Service Partners are expected to act honestly, respectfully, punctually, and professionally.
                                        They must protect Guest privacy, follow agreed duties, communicate responsibly,
                                        and avoid misconduct, deception, abuse, or unauthorized financial arrangements.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="safetyTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#safetyCollapseTwo"
                                            aria-expanded="false"
                                            aria-controls="safetyCollapseTwo">
                                        What should I do if I face a serious issue with a Guest?
                                    </button>
                                </h2>
                                <div id="safetyCollapseTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="safetyTwo"
                                     data-bs-parent="#safetyAccordion">
                                    <div class="accordion-body">
                                        You should promptly notify Ensolanka if you face harassment, unsafe conditions,
                                        improper role changes, payment-related concerns, discriminatory treatment,
                                        threats, or any serious dispute that requires review.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="safetyThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#safetyCollapseThree"
                                            aria-expanded="false"
                                            aria-controls="safetyCollapseThree">
                                        Can I contact Ensolanka before registering?
                                    </button>
                                </h2>
                                <div id="safetyCollapseThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="safetyThree"
                                     data-bs-parent="#safetyAccordion">
                                    <div class="accordion-body">
                                        Yes. You may use the Contact Us page to ask questions about eligibility,
                                        service categories, profile creation, visibility options, or the general process
                                        before registering.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <!-- NOTE -->
                    <div class="faq-note-box mt-4">
                        <strong>Please note:</strong>
                        This FAQ provides general guidance for the Hired in Sri Lanka platform.
                        Specific appointment details, salary terms, duties, probation arrangements,
                        and payment-related procedures will depend on the final written communication or
                        appointment documentation issued for the relevant opportunity.
                    </div>

                </div>
            </div>

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


<!-- =========================================================
     FINAL CTA
========================================================= -->
<section class="faq-final-cta py-5">
    <div class="container">
        <div class="faq-final-box text-center text-white">
            <span class="faq-badge mb-4">
                <i class="bi bi-briefcase-fill"></i>
                Start with Confidence
            </span>

            <h2 class="fw-bold mb-3">
                Ready to Join Hired in Sri Lanka?
            </h2>

            <p class="lead mb-4">
                Create your professional service profile, improve your visibility,
                and prepare for future opportunities with international Guests.
            </p>

            <div class="d-flex flex-wrap justify-content-center gap-3">

                {% if request.user.is_authenticated and request.user.service_partner_profile %}
                    <a href="{% url 'service_partner_app:service_partner_dashboard' %}"
                       class="btn btn-warning btn-lg px-4">
                        My Service Dashboard
                    </a>
                {% else %}
                    <a href="{% url 'service_partner_app:service_partner_register' %}"
                       class="btn btn-warning btn-lg px-4">
                        Become a Service Partner
                    </a>
                {% endif %}

                <a href="{% url 'service_partner_app:contact_page' %}"
                   class="btn btn-light btn-lg px-4">
                    Contact Us
                </a>

                <a href="{% url 'service_partner_app:public_assistant_list' %}"
                   class="btn btn-outline-light btn-lg px-4">
                    Browse Service Profiles
                </a>

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

{% endblock %}