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

{% block title %}Local Service Partner Portal | Work with International Guests in Sri Lanka{% endblock %}

{% block content %}

<style>
    .service-partner-hero {
        position: relative;
        min-height: 700px;
        background-color: #0d1f2a;
        overflow: hidden;
    }

    .service-partner-hero-bg {
        position: absolute;
        inset: 0;
        background:
            linear-gradient(
                90deg,
                rgba(8, 24, 35, 0.90) 0%,
                rgba(8, 24, 35, 0.76) 42%,
                rgba(8, 24, 35, 0.48) 72%,
                rgba(8, 24, 35, 0.36) 100%
            ),
            url("{% static 'expat_life/images/service_partner_hero.webp' %}") center center / cover no-repeat;
        transform: scale(1.02);
        z-index: 0;
    }

    .service-partner-hero-content {
        position: relative;
        z-index: 2;
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .service-hero-badge {
        background: rgba(255, 193, 7, 0.18);
        color: #ffc107;
        border: 1px solid rgba(255, 193, 7, 0.35);
        padding: 8px 16px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 0.85rem;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .service-hero-point {
        background: rgba(255, 255, 255, 0.11);
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 16px;
        padding: 14px 16px;
        color: #fff;
        height: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        backdrop-filter: blur(8px);
    }

    .service-hero-point i {
        color: #ffc107;
        font-size: 1.25rem;
    }

    .service-side-card {
        border-radius: 28px;
        background: #fff;
        overflow: hidden;
    }

    .service-side-card-header {
        background: linear-gradient(135deg, #20c997 0%, #0d6efd 100%);
        color: #fff;
        padding: 28px;
    }

    .service-side-card-body {
        padding: 30px;
    }

    .service-mini-row {
        display: flex;
        gap: 14px;
        padding-bottom: 18px;
        margin-bottom: 18px;
        border-bottom: 1px solid #edf0f2;
    }

    .service-mini-row:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .service-mini-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
        border-radius: 14px;
        background: #eafff7;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0d9488;
        font-size: 1.25rem;
    }

    .service-stat-box {
        background: #fff;
        border-radius: 18px;
        padding: 24px;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
        height: 100%;
    }

    .service-stat-box h3 {
        color: #0d9488;
        font-weight: 800;
        margin-bottom: 6px;
    }

    .service-feature-card {
        background: #fff;
        border-radius: 22px;
        padding: 28px;
        height: 100%;
        box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
        transition: 0.25s ease;
    }

    .service-feature-card:hover {
        transform: translateY(-4px);
    }

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

    .service-process-card {
        background: #fff;
        border-radius: 22px;
        padding: 32px;
        height: 100%;
        box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
    }

    .service-process-number {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: #0d9488;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
        margin: 0 auto 18px;
    }

    .service-gradient-section {
        background: linear-gradient(135deg, #0d1f2a 0%, #0d9488 100%);
    }

    .service-light-card {
        background: #fff;
        border-radius: 24px;
        padding: 34px;
        box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
    }

    .service-type-box {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 16px;
        padding: 16px;
        color: #fff;
        height: 100%;
    }

    .service-type-box i {
        color: #ffc107;
        font-size: 1.4rem;
        margin-right: 8px;
    }

    .final-service-cta {
        background: linear-gradient(135deg, #0d1f2a 0%, #0d9488 100%);
        border-radius: 28px;
        padding: 52px 34px;
    }

    /* =========================================================
    FLOATING MULTILINGUAL INFORMATION CENTER - HORIZONTAL
    Service Partner App
    ========================================================= */

    .service-floating-language-bar {
        position: fixed;
        top: 128px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1080;

        display: flex;
        align-items: center;
        gap: 0.75rem;

        width: auto;
        max-width: calc(100% - 2rem);

        padding: 0.45rem 0.75rem;
        border-radius: 999px;

        background: rgba(255, 193, 7, 0.14);
        color: #ffc107;
        border: 1px solid rgba(255, 193, 7, 0.32);
        box-shadow: 0 14px 34px rgba(120, 80, 10, 0.16);
        backdrop-filter: blur(14px);
    }

    .service-floating-language-title {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        color: #ffc107;
        font-size: 0.72rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.045em;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .service-floating-language-buttons {
        display: flex;
        align-items: center;
        gap: 0.45rem;
        flex-wrap: nowrap;
    }

    .service-floating-language-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        border-radius: 999px;
        line-height: 1;
        transition: all 0.22s ease;
    }

    .service-floating-language-btn img {
        width: 128px;
        height: auto;
        display: block;
    }

    .service-floating-language-btn:hover {
        transform: translateY(-2px) scale(1.03);
        filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.30));
    }

    @media (max-width: 991.98px) {
        .service-floating-language-bar {
            top: 118px;
            padding: 0.4rem 0.6rem;
            gap: 0.55rem;
        }

        .service-floating-language-btn img {
            width: 108px;
        }

        .service-floating-language-title {
            font-size: 0.65rem;
        }
    }

    @media (max-width: 767.98px) {
        .service-floating-language-bar {
            top: 112px;
            max-width: calc(100% - 1rem);
            padding: 0.38rem 0.5rem;
            gap: 0.45rem;
        }

        .service-floating-language-title span {
            display: none;
        }

        .service-floating-language-btn img {
            width: 88px;
        }
    }

    @media (max-width: 420px) {
        .service-floating-language-btn img {
            width: 76px;
        }

        .service-floating-language-buttons {
            gap: 0.28rem;
        }
    }
</style>
<!-- =====================================================
     FLOATING MULTILINGUAL INFORMATION CENTER - HORIZONTAL
====================================================== -->
<div class="service-floating-language-bar">
    <div class="service-floating-language-title">
        <i class="bi bi-translate"></i>
        <span>Info Center</span>
    </div>

    <div class="service-floating-language-buttons">
        <a href="{% url 'service_partner_app:service_partner_information_center' %}?lang=si"
           class="service-floating-language-btn"
           aria-label="Open Sinhala Service Partner Information Center">
            <img src="{% static 'expat_life/images/sinhala.png' %}"
                 alt="Sinhala">
        </a>

        <a href="{% url 'service_partner_app:service_partner_information_center' %}?lang=ta"
           class="service-floating-language-btn"
           aria-label="Open Tamil Service Partner Information Center">
            <img src="{% static 'expat_life/images/tamil.png' %}"
                 alt="Tamil">
        </a>

        <a href="{% url 'service_partner_app:service_partner_information_center' %}?lang=en"
           class="service-floating-language-btn"
           aria-label="Open English Service Partner Information Center">
            <img src="{% static 'expat_life/images/english.png' %}"
                 alt="English">
        </a>
    </div>
</div>
<!-- HERO -->
<section class="service-partner-hero">
    <div class="service-partner-hero-bg"></div>

    <div class="container service-partner-hero-content">
        <div class="row align-items-center g-5">
            <div class="col-lg-7 text-white">
                <span class="service-hero-badge d-inline-block mb-3">
                    Local Service Partner Portal
                </span>

                <h1 class="display-4 fw-bold mb-4">
                    Work with International Guests Living in Sri Lanka
                </h1>

                <p class="lead mb-4">
                    Ensolanka invites skilled, reliable, and professional local service partners in Sri Lanka
                    to join our trusted support network for foreigners, digital nomads, retirees, business visitors,
                    and long-stay international guests.
                </p>

                <p class="mb-4">
                    We are looking for housekeepers, translators, drivers, caregivers, nurses, cleaners,
                    helpers, local assistants, tour helpers, cooks, maintenance supporters, and other service-minded
                    people who can support foreign guests with trust, respect, and professionalism.
                </p>

                <div class="d-flex flex-wrap gap-3 mb-4">
                    {% if service_partner_profile %}
                        <a href="{% url 'service_partner_app:service_partner_dashboard' %}" class="btn btn-warning btn-lg px-4">
                            Go to My 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:public_assistant_list' %}" class="btn btn-outline-light btn-lg px-4">
                        View Service Partner Profiles
                    </a>
                </div>

                <div class="row g-3 mt-2">
                    <div class="col-sm-6">
                        <div class="service-hero-point">
                            <i class="bi bi-briefcase-fill"></i>
                            <span>Job opportunities with international guests</span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="service-hero-point">
                            <i class="bi bi-globe2"></i>
                            <span>Overseas experience is highly preferred</span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="service-hero-point">
                            <i class="bi bi-translate"></i>
                            <span>Language and service training support available</span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="service-hero-point">
                            <i class="bi bi-shield-check"></i>
                            <span>Guided, safer, and more professional work process</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-5">
                <div class="service-side-card shadow-lg">
                    <div class="service-side-card-header">
                        <h4 class="fw-bold mb-2">Why Join as a Service Partner?</h4>
                        <p class="mb-0">
                            A trusted path to serve foreign guests who need reliable local support in Sri Lanka.
                        </p>
                    </div>

                    <div class="service-side-card-body">
                        <div class="service-mini-row">
                            <div class="service-mini-icon">
                                <i class="bi bi-person-workspace"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Better Work Opportunities</h6>
                                <p class="text-muted small mb-0">
                                    Connect with foreigners who may need regular or occasional help during their stay in Sri Lanka.
                                </p>
                            </div>
                        </div>

                        <div class="service-mini-row">
                            <div class="service-mini-icon">
                                <i class="bi bi-patch-check-fill"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Professional Profile</h6>
                                <p class="text-muted small mb-0">
                                    Present your skills, experience, language ability, service type, and availability in a more trusted way.
                                </p>
                            </div>
                        </div>

                        <div class="service-mini-row">
                            <div class="service-mini-icon">
                                <i class="bi bi-mortarboard-fill"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Training Support</h6>
                                <p class="text-muted small mb-0">
                                    We can support online training for language, communication, guest handling, and service quality.
                                </p>
                            </div>
                        </div>

                        <div class="mt-4 d-grid">
                            {% if service_partner_profile %}
                                <a href="{% url 'service_partner_app:service_partner_dashboard' %}" class="btn btn-dark btn-lg">
                                    Open Service Dashboard
                                </a>
                            {% else %}
                                <a href="{% url 'service_partner_app:service_partner_register' %}" class="btn btn-dark btn-lg">
                                    Register as Service Partner
                                </a>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- STATS / TRUST STRIP -->
<section class="py-4 bg-light">
    <div class="container">
        <div class="row g-3">
            <div class="col-6 col-lg-3">
                <div class="service-stat-box text-center">
                    <h3>Trusted</h3>
                    <p class="mb-0 text-muted">Guest Support Network</p>
                </div>
            </div>

            <div class="col-6 col-lg-3">
                <div class="service-stat-box text-center">
                    <h3>Skilled</h3>
                    <p class="mb-0 text-muted">Local Service Profiles</p>
                </div>
            </div>

            <div class="col-6 col-lg-3">
                <div class="service-stat-box text-center">
                    <h3>Trained</h3>
                    <p class="mb-0 text-muted">Language & Service Support</p>
                </div>
            </div>

            <div class="col-6 col-lg-3">
                <div class="service-stat-box text-center">
                    <h3>Featured</h3>
                    <p class="mb-0 text-muted">Visibility Option</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- WHY THIS PLATFORM -->
<section class="py-5 bg-white">
    <div class="container">
        <div class="section-heading text-center mb-5">
            <span class="section-mini-title">For Local Job Seekers</span>
            <h2 class="fw-bold">Turn Your Skills into Better Guest Service Opportunities</h2>
            <p class="text-muted">
                Many international guests need reliable local support when they live, work, travel, or stay long-term in Sri Lanka.
                This portal helps skilled local people present themselves professionally and connect with suitable service opportunities.
            </p>
        </div>

        <div class="row g-4">
            <div class="col-md-6 col-lg-3">
                <div class="service-feature-card">
                    <div class="service-feature-icon">
                        <i class="bi bi-house-heart-fill"></i>
                    </div>
                    <h5 class="fw-bold">Housekeeping & Cleaning</h5>
                    <p class="text-muted mb-0">
                        Support guests with home care, cleaning, laundry help, room preparation, and ongoing household assistance.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="service-feature-card">
                    <div class="service-feature-icon">
                        <i class="bi bi-car-front-fill"></i>
                    </div>
                    <h5 class="fw-bold">Drivers & Local Assistants</h5>
                    <p class="text-muted mb-0">
                        Help guests with transport, shopping, local guidance, appointments, airport pickup, and day-to-day support.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="service-feature-card">
                    <div class="service-feature-icon">
                        <i class="bi bi-translate"></i>
                    </div>
                    <h5 class="fw-bold">Translators & Guides</h5>
                    <p class="text-muted mb-0">
                        Support communication, document help, local visits, cultural guidance, and practical translation needs.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="service-feature-card">
                    <div class="service-feature-icon">
                        <i class="bi bi-heart-pulse-fill"></i>
                    </div>
                    <h5 class="fw-bold">Caregivers & Nurses</h5>
                    <p class="text-muted mb-0">
                        Experienced caregivers, nurses, elder helpers, and wellness supporters can serve guests who need special care.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- JOB TYPES -->
<section class="py-5 service-gradient-section text-white">
    <div class="container">
        <div class="row align-items-center g-5">
            <div class="col-lg-6">
                <span class="section-mini-title section-mini-title-light">Service Categories</span>
                <h2 class="fw-bold mb-3">Many Types of Local Service Opportunities</h2>
                <p class="mb-4">
                    This portal is not limited to one job type. If you are reliable, respectful, skilled, and ready to support
                    international guests, you may be suitable for our service partner network.
                </p>

                <div class="row g-3">
                    <div class="col-sm-6">
                        <div class="service-type-box">
                            <i class="bi bi-house-door-fill"></i>
                            Housekeepers & Cleaners
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="service-type-box">
                            <i class="bi bi-car-front-fill"></i>
                            Drivers & Transport Helpers
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="service-type-box">
                            <i class="bi bi-translate"></i>
                            Translators & Local Guides
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="service-type-box">
                            <i class="bi bi-heart-pulse-fill"></i>
                            Nurses & Caregivers
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="service-type-box">
                            <i class="bi bi-tools"></i>
                            Maintenance Helpers
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="service-type-box">
                            <i class="bi bi-person-raised-hand"></i>
                            Personal Assistants
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <div class="service-light-card text-dark">
                    <h4 class="fw-bold mb-3">Preferred Qualities</h4>

                    <ul class="list-unstyled mb-4">
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Experience working with foreigners or overseas employers is highly preferred.
                        </li>

                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Basic English or willingness to join language training is valuable.
                        </li>

                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Honesty, punctuality, cleanliness, and respectful communication are essential.
                        </li>

                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Police clearance, references, or previous employer details may improve trust.
                        </li>

                        <li class="mb-0">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Featured service profiles may receive more visibility from international guests.
                        </li>
                    </ul>

                    {% if service_partner_profile %}
                        <a href="{% url 'service_partner_app:service_partner_dashboard' %}" class="btn btn-primary btn-lg w-100">
                            Go to My Service Dashboard
                        </a>
                    {% else %}
                        <a href="{% url 'service_partner_app:service_partner_register' %}" class="btn btn-primary btn-lg w-100">
                            Apply as Service Partner
                        </a>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</section>

<!-- HOW IT WORKS -->
<section class="py-5 bg-light">
    <div class="container">
        <div class="section-heading text-center mb-5">
            <span class="section-mini-title">Simple Process</span>
            <h2 class="fw-bold">How the Service Partner Process Works</h2>
            <p class="text-muted">
                A guided process designed to help serious job seekers become trusted local support partners.
            </p>
        </div>

        <div class="row g-4">
            <div class="col-md-3">
                <div class="service-process-card text-center">
                    <div class="service-process-number">01</div>
                    <h5 class="fw-bold">Service Signup</h5>
                    <p class="text-muted mb-0">
                        Register as a local service partner and select your service category or job type.
                    </p>
                </div>
            </div>

            <div class="col-md-3">
                <div class="service-process-card text-center">
                    <div class="service-process-number">02</div>
                    <h5 class="fw-bold">Profile Review</h5>
                    <p class="text-muted mb-0">
                        Your profile can be reviewed before becoming visible to international guests.
                    </p>
                </div>
            </div>

            <div class="col-md-3">
                <div class="service-process-card text-center">
                    <div class="service-process-number">03</div>
                    <h5 class="fw-bold">Training & Preparation</h5>
                    <p class="text-muted mb-0">
                        We can guide you with language, guest-handling, professionalism, and service quality training.
                    </p>
                </div>
            </div>

            <div class="col-md-3">
                <div class="service-process-card text-center">
                    <div class="service-process-number">04</div>
                    <h5 class="fw-bold">Guest Opportunities</h5>
                    <p class="text-muted mb-0">
                        Suitable guests can view approved profiles and request services through the platform process.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- TRAINING SECTION -->
<section class="py-5 bg-white">
    <div class="container">
        <div class="row align-items-center g-5">
            <div class="col-lg-6">
                <span class="section-mini-title">Training & Career Growth</span>
                <h2 class="fw-bold mb-3">Improve Your Skills Before Serving International Guests</h2>

                <p class="text-muted">
                    Some service partners may already have overseas experience or strong English communication.
                    Others may need support. Ensolanka can arrange online training for language improvement,
                    guest communication, service etiquette, safety, and professional behavior.
                </p>

                <p class="text-muted">
                    This helps local job seekers become more confident and helps international guests receive a better service experience.
                </p>

                <div class="alert alert-warning rounded-4 border-0 mt-4">
                    <strong>Important:</strong>
                    This platform does not guarantee employment. It helps approved service partners present themselves professionally
                    and become visible for suitable guest service opportunities.
                </div>
            </div>

            <div class="col-lg-6">
                <div class="bg-light rounded-4 p-4 p-lg-5 shadow-sm">
                    <h4 class="fw-bold mb-4">Training Support May Include</h4>

                    <div class="d-flex mb-3">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Basic English and communication for foreign guests</div>
                    </div>

                    <div class="d-flex mb-3">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Professional behavior, punctuality, and service etiquette</div>
                    </div>

                    <div class="d-flex mb-3">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Understanding foreign guest expectations and cultural differences</div>
                    </div>

                    <div class="d-flex mb-3">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Safety, trust, privacy, and responsible service handling</div>
                    </div>

                    <div class="d-flex">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Profile improvement and interview preparation</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- FEATURED PROFILE SECTION -->
<section class="py-5 bg-light">
    <div class="container">
        <div class="row align-items-center g-5">
            <div class="col-lg-6">
                <div class="bg-white rounded-4 p-4 p-lg-5 shadow-sm">
                    <h3 class="fw-bold mb-3">Featured Service Partner Visibility</h3>
                    <p class="text-muted">
                        Service partners can improve their visibility by choosing a featured profile option.
                        Featured profiles may appear more prominently to international guests who are searching for help.
                    </p>

                    <ul class="list-unstyled mb-0">
                        <li class="mb-3">
                            <i class="bi bi-star-fill text-warning me-2"></i>
                            More profile visibility
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-star-fill text-warning me-2"></i>
                            Better chance of being noticed by suitable guests
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-star-fill text-warning me-2"></i>
                            Useful for serious job seekers
                        </li>
                        <li>
                            <i class="bi bi-star-fill text-warning me-2"></i>
                            Can support a stronger professional profile presence
                        </li>
                    </ul>
                </div>
            </div>

            <div class="col-lg-6">
                <span class="section-mini-title">Visibility Advantage</span>
                <h2 class="fw-bold mb-3">Stand Out as a Trusted Service Partner</h2>
                <p class="text-muted">
                    Guests may browse many local support profiles. A featured profile helps serious service partners
                    gain more visibility and present themselves more professionally within the platform.
                </p>

                {% if service_partner_profile %}
                    <a href="{% url 'service_partner_app:service_partner_dashboard' %}" class="btn btn-dark btn-lg">
                        Manage My Profile
                    </a>
                {% else %}
                    <a href="{% url 'service_partner_app:service_partner_register' %}" class="btn btn-primary btn-lg">
                        Start My Service Profile
                    </a>
                {% endif %}
            </div>
        </div>
    </div>
</section>

<!-- FAQ -->
<section class="py-5 bg-white">
    <div class="container">
        <div class="section-heading text-center mb-5">
            <span class="section-mini-title">Questions</span>
            <h2 class="fw-bold">Frequently Asked Questions for Service Partners</h2>
        </div>

        <div class="accordion custom-accordion" id="servicePartnerFaqAccordion">
            <div class="accordion-item">
                <h2 class="accordion-header" id="serviceFaqOne">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#serviceCollapseOne">
                        What kind of jobs are available?
                    </button>
                </h2>
                <div id="serviceCollapseOne" class="accordion-collapse collapse show" data-bs-parent="#servicePartnerFaqAccordion">
                    <div class="accordion-body">
                        Opportunities may include housekeeping, cleaning, driving, translation, local assistance, caregiving,
                        nursing support, tour help, cooking, maintenance, and other guest-support services.
                    </div>
                </div>
            </div>

            <div class="accordion-item">
                <h2 class="accordion-header" id="serviceFaqTwo">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#serviceCollapseTwo">
                        Is overseas experience required?
                    </button>
                </h2>
                <div id="serviceCollapseTwo" class="accordion-collapse collapse" data-bs-parent="#servicePartnerFaqAccordion">
                    <div class="accordion-body">
                        Overseas experience is not compulsory, but it is highly preferred because most work opportunities involve
                        serving foreigners or international guests. Strong communication and professional behavior are important.
                    </div>
                </div>
            </div>

            <div class="accordion-item">
                <h2 class="accordion-header" id="serviceFaqThree">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#serviceCollapseThree">
                        Can I join if my English is not strong?
                    </button>
                </h2>
                <div id="serviceCollapseThree" class="accordion-collapse collapse" data-bs-parent="#servicePartnerFaqAccordion">
                    <div class="accordion-body">
                        Yes. If you are serious and reliable, we may help arrange online training for basic English,
                        guest communication, service etiquette, and professional preparation.
                    </div>
                </div>
            </div>

            <div class="accordion-item">
                <h2 class="accordion-header" id="serviceFaqFour">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#serviceCollapseFour">
                        Will I definitely get a job after registering?
                    </button>
                </h2>
                <div id="serviceCollapseFour" class="accordion-collapse collapse" data-bs-parent="#servicePartnerFaqAccordion">
                    <div class="accordion-body">
                        No. Registration does not guarantee employment. It allows you to create a professional profile,
                        complete the review process, improve your visibility, and become available for suitable guest-service opportunities.
                    </div>
                </div>
            </div>

            <div class="accordion-item">
                <h2 class="accordion-header" id="serviceFaqFive">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#serviceCollapseFive">
                        Can I improve my profile visibility?
                    </button>
                </h2>
                <div id="serviceCollapseFive" class="accordion-collapse collapse" data-bs-parent="#servicePartnerFaqAccordion">
                    <div class="accordion-body">
                        Yes. Featured profile visibility can help serious service partners stand out more strongly to international guests
                        who are browsing approved local service profiles.
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- FINAL CTA -->
<section class="py-5 bg-light">
    <div class="container">
        <div class="final-service-cta text-center text-white">
            <h2 class="fw-bold mb-3">Ready to Join as a Local Service Partner?</h2>
            <p class="lead mb-4">
                Create your profile, improve your visibility, and prepare yourself for guest-service opportunities
                with foreigners and international visitors in Sri Lanka.
            </p>

            <div class="d-flex flex-wrap justify-content-center gap-3">
                {% if service_partner_profile %}
                    <a href="{% url 'service_partner_app:service_partner_dashboard' %}" class="btn btn-warning btn-lg px-4">
                        Go to My 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:public_assistant_list' %}" class="btn btn-outline-light btn-lg px-4">
                    View Service Partner Profiles
                </a>
            </div>
        </div>
    </div>
</section>

{% endblock %}