{% extends 'dating_app/base_dating.html' %}
{% load static %}

{% block title %}Local Dating Partner Portal | Meet Trusted International Guests{% endblock %}

{% block content %}

<style>
    .dating-partner-hero {
        position: relative;
        min-height: 700px;
        background-color: #2a0d1f;
        overflow: hidden;
    }

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

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

    .dating-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;
    }

    .dating-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);
    }

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

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

    .dating-side-card-header {
        background: linear-gradient(135deg, #ff4d88 0%, #9b1b60 100%);
        color: #fff;
        padding: 28px;
    }

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

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

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

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

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

    .dating-stat-box h3 {
        color: #c2185b;
        font-weight: 800;
        margin-bottom: 6px;
    }

    .dating-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;
    }

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

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

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

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

    .dating-gradient-section {
        background: linear-gradient(135deg, #2a0d1f 0%, #c2185b 100%);
    }

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

    .dating-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%;
    }

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

    .final-dating-cta {
        background: linear-gradient(135deg, #2a0d1f 0%, #c2185b 100%);
        border-radius: 28px;
        padding: 52px 34px;
    }

    /* =========================================================
    FLOATING MULTILINGUAL INFORMATION CENTER - HORIZONTAL
    Dating App
    ========================================================= */

    .dating-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);
    }

    .dating-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;
    }

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

    .dating-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;
    }

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

    .dating-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) {
        .dating-floating-language-bar {
            top: 118px;
            padding: 0.4rem 0.6rem;
            gap: 0.55rem;
        }

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

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

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

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

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

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

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

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

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

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

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

                <h1 class="display-4 fw-bold mb-4">
                    Meet Trusted International Guests Visiting Sri Lanka
                </h1>

                <p class="lead mb-4">
                    Ensolanka invites genuine local male and female dating partners in Sri Lanka
                    to join a safer, guided, and more professional platform for meeting foreigners
                    who are interested in visiting, staying, or building meaningful connections in Sri Lanka.
                </p>

                <p class="mb-4">
                    Many people searching for overseas partners through random social media or dating platforms
                    face fake accounts, scams, false promises, and unsafe communication. Our portal is designed
                    to reduce those risks by connecting local partners with verified platform guests through
                    a controlled and trust-focused process.
                </p>

                <div class="d-flex flex-wrap gap-3 mb-4">
                    {% if dating_profile %}
                        <a href="{% url 'dating_app:dating_partner_dashboard' %}" class="btn btn-warning btn-lg px-4">
                            Go to My Dashboard
                        </a>
                    {% else %}
                        <a href="{% url 'dating_app:partner_register' %}" class="btn btn-warning btn-lg px-4">
                            Become a Local Dating Partner
                        </a>
                    {% endif %}

                    <a href="{% url 'dating_app:public_foreigners_list' %}" class="btn btn-outline-light btn-lg px-4">
                        View Guest Profiles
                    </a>
                </div>

                <div class="row g-3 mt-2">
                    <div class="col-sm-6">
                        <div class="dating-hero-point">
                            <i class="bi bi-shield-check"></i>
                            <span>Safer alternative to random social media dating</span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="dating-hero-point">
                            <i class="bi bi-globe2"></i>
                            <span>Connect with foreigners interested in Sri Lanka</span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="dating-hero-point">
                            <i class="bi bi-heart-fill"></i>
                            <span>Mutual interest-based connection process</span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="dating-hero-point">
                            <i class="bi bi-person-check-fill"></i>
                            <span>Guided arrangements after visitor confirmation</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-5">
                <div class="dating-side-card shadow-lg">
                    <div class="dating-side-card-header">
                        <h4 class="fw-bold mb-2">Why Join This Portal?</h4>
                        <p class="mb-0">
                            A safer and more organized way for local partners to meet suitable international guests.
                        </p>
                    </div>

                    <div class="dating-side-card-body">
                        <div class="dating-mini-row">
                            <div class="dating-mini-icon">
                                <i class="bi bi-person-hearts"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Genuine Guest Interest</h6>
                                <p class="text-muted small mb-0">
                                    Guests can view local profiles and express interest without immediately exposing contact details.
                                </p>
                            </div>
                        </div>

                        <div class="dating-mini-row">
                            <div class="dating-mini-icon">
                                <i class="bi bi-eye-fill"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Better Visibility Options</h6>
                                <p class="text-muted small mb-0">
                                    Featured profiles can gain more attention and appear higher in profile visibility and sorting.
                                </p>
                            </div>
                        </div>

                        <div class="dating-mini-row">
                            <div class="dating-mini-icon">
                                <i class="bi bi-lock-fill"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Contact Details Protected</h6>
                                <p class="text-muted small mb-0">
                                    Contact details are not exposed at the beginning. Access is controlled based on confirmation and mutual interest.
                                </p>
                            </div>
                        </div>

                        <div class="mt-4 d-grid">
                            {% if dating_profile %}
                                <a href="{% url 'dating_app:dating_partner_dashboard' %}" class="btn btn-dark btn-lg">
                                    Open Dating Dashboard
                                </a>
                            {% else %}
                                <a href="{% url 'dating_app:partner_register' %}" class="btn btn-dark btn-lg">
                                    Register as Local 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="dating-stat-box text-center">
                    <h3>Trusted</h3>
                    <p class="mb-0 text-muted">Guided Connection Process</p>
                </div>
            </div>

            <div class="col-6 col-lg-3">
                <div class="dating-stat-box text-center">
                    <h3>Protected</h3>
                    <p class="mb-0 text-muted">Contact Details</p>
                </div>
            </div>

            <div class="col-6 col-lg-3">
                <div class="dating-stat-box text-center">
                    <h3>Mutual</h3>
                    <p class="mb-0 text-muted">Interest-Based Access</p>
                </div>
            </div>

            <div class="col-6 col-lg-3">
                <div class="dating-stat-box text-center">
                    <h3>Featured</h3>
                    <p class="mb-0 text-muted">Profile 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 Dating Partners</span>
            <h2 class="fw-bold">A Safer Way to Meet Foreign Partners</h2>
            <p class="text-muted">
                Many Sri Lankan men and women are interested in meeting genuine partners from other countries.
                But online dating through random Facebook profiles, fake accounts, and unknown platforms can be risky.
                Our platform creates a more careful path where guest interest, profile visibility, confirmation,
                and contact access are handled step by step.
            </p>
        </div>

        <div class="row g-4">
            <div class="col-md-6 col-lg-3">
                <div class="dating-feature-card">
                    <div class="dating-feature-icon">
                        <i class="bi bi-person-vcard-fill"></i>
                    </div>
                    <h5 class="fw-bold">Create Your Profile</h5>
                    <p class="text-muted mb-0">
                        Present yourself professionally with basic personal details, photos, and relationship expectations.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="dating-feature-card">
                    <div class="dating-feature-icon">
                        <i class="bi bi-stars"></i>
                    </div>
                    <h5 class="fw-bold">Increase Visibility</h5>
                    <p class="text-muted mb-0">
                        Use featured profile options to improve visibility and appear more prominently to suitable guests.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="dating-feature-card">
                    <div class="dating-feature-icon">
                        <i class="bi bi-heart-arrow"></i>
                    </div>
                    <h5 class="fw-bold">Mutual Interest</h5>
                    <p class="text-muted mb-0">
                        When a guest expresses interest and you are also interested, the process can move forward safely.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="dating-feature-card">
                    <div class="dating-feature-icon">
                        <i class="bi bi-calendar-heart-fill"></i>
                    </div>
                    <h5 class="fw-bold">Guided Date Arrangement</h5>
                    <p class="text-muted mb-0">
                        After confirmation and arrival in Sri Lanka, our team can help arrange the first meeting if both parties agree.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- TRUST AND SAFETY -->
<section class="py-5 dating-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">Trust & Safety</span>
                <h2 class="fw-bold mb-3">Designed to Reduce Fake Profiles, Scams, and Unsafe Communication</h2>
                <p class="mb-4">
                    This portal is not built for random chatting. It is built for genuine connections between
                    local dating partners and foreigners who are connected to our Sri Lanka lifestyle and guest platform.
                </p>

                <div class="row g-3">
                    <div class="col-sm-6">
                        <div class="dating-type-box">
                            <i class="bi bi-lock-fill"></i>
                            Protected Contact Details
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="dating-type-box">
                            <i class="bi bi-shield-check"></i>
                            Anti-Fraud Measures
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="dating-type-box">
                            <i class="bi bi-person-check-fill"></i>
                            Profile Review Process
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="dating-type-box">
                            <i class="bi bi-heart-fill"></i>
                            Mutual Interest Flow
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <div class="dating-light-card text-dark">
                    <h4 class="fw-bold mb-3">How Contact Access Works</h4>

                    <ul class="list-unstyled mb-4">
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Guests can first express interest without immediately seeing private contact details.
                        </li>

                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Local partners can view guest profiles who have expressed interest in them.
                        </li>

                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            When both parties are confirmed and mutually interested, contact access can be allowed.
                        </li>

                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            If a guest arrives in Sri Lanka, we can notify the local partner and help arrange a meeting.
                        </li>

                        <li class="mb-0">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Before arranged dating support, the local dating partner pays the required confirmation fee.
                        </li>
                    </ul>

                    {% if dating_profile %}
                        <a href="{% url 'dating_app:dating_partner_dashboard' %}" class="btn btn-primary btn-lg w-100">
                            Go to My Dating Dashboard
                        </a>
                    {% else %}
                        <a href="{% url 'dating_app:partner_register' %}" class="btn btn-primary btn-lg w-100">
                            Apply as Local Dating 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 Local Dating Partner Process Works</h2>
            <p class="text-muted">
                A guided process designed to protect both international guests and local dating partners.
            </p>
        </div>

        <div class="row g-4">
            <div class="col-md-3">
                <div class="dating-process-card text-center">
                    <div class="dating-process-number">01</div>
                    <h5 class="fw-bold">Partner Signup</h5>
                    <p class="text-muted mb-0">
                        Register as a local dating partner and create your basic dating profile.
                    </p>
                </div>
            </div>

            <div class="col-md-3">
                <div class="dating-process-card text-center">
                    <div class="dating-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 suitable international guests.
                    </p>
                </div>
            </div>

            <div class="col-md-3">
                <div class="dating-process-card text-center">
                    <div class="dating-process-number">03</div>
                    <h5 class="fw-bold">Guest Interest</h5>
                    <p class="text-muted mb-0">
                        Guests can view your profile and express interest without exposing private contact details first.
                    </p>
                </div>
            </div>

            <div class="col-md-3">
                <div class="dating-process-card text-center">
                    <div class="dating-process-number">04</div>
                    <h5 class="fw-bold">Mutual Match & Date</h5>
                    <p class="text-muted mb-0">
                        If both parties are interested and confirmed, contact or arranged meeting support can begin.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- ARRANGEMENT AND CONFIRMATION FEE -->
<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">Guided Dating Arrangement</span>
                <h2 class="fw-bold mb-3">We Help Arrange Safer First Meetings When Both Parties Agree</h2>

                <p class="text-muted">
                    When a foreign guest has confirmed their visit to Sri Lanka and both the guest and local dating partner
                    show mutual interest, the connection can move to the next stage.
                </p>

                <p class="text-muted">
                    If the guest has arrived in Sri Lanka, we can notify the local dating partner and help arrange the date
                    if both parties are comfortable. For arranged dating support, the local dating partner should pay the
                    required confirmation fee before the arrangement process.
                </p>

                <div class="alert alert-warning rounded-4 border-0 mt-4">
                    <strong>Important:</strong>
                    This platform does not encourage unsafe meetings, false promises, or random private contact.
                    We always take measures to reduce fraud, protect both parties, and guide the process professionally.
                </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">What Ensolanka Helps With</h4>

                    <div class="d-flex mb-3">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Presenting local dating partner profiles to suitable international guests</div>
                    </div>

                    <div class="d-flex mb-3">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Protecting contact details until the correct stage of the process</div>
                    </div>

                    <div class="d-flex mb-3">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Showing guest interest to the relevant local dating partner</div>
                    </div>

                    <div class="d-flex mb-3">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Supporting mutual-interest based connection and date arrangement</div>
                    </div>

                    <div class="d-flex">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Taking practical measures to reduce fake profiles, scams, and unsafe communication</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 Profile Visibility</h3>
                    <p class="text-muted">
                        Local dating partners can improve profile visibility by choosing the featured profile option.
                        Featured profiles can receive better attention from guests and appear higher in sorting or highlighted sections.
                    </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 local partners
                        </li>
                        <li>
                            <i class="bi bi-star-fill text-warning me-2"></i>
                            Can support a more 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 to International Guests</h2>
                <p class="text-muted">
                    Guests may browse many local dating partner profiles. A featured profile helps serious local partners
                    gain more visibility and present themselves more strongly within the platform.
                </p>

                {% if dating_profile %}
                    <a href="{% url 'dating_app:dating_partner_dashboard' %}" class="btn btn-dark btn-lg">
                        Manage My Profile
                    </a>
                {% else %}
                    <a href="{% url 'dating_app:partner_register' %}" class="btn btn-primary btn-lg">
                        Start My Dating 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 Local Dating Partners</h2>
        </div>

        <div class="accordion custom-accordion" id="datingPartnerFaqAccordion">
            <div class="accordion-item">
                <h2 class="accordion-header" id="datingFaqOne">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#datingCollapseOne">
                        Is this platform only for women?
                    </button>
                </h2>
                <div id="datingCollapseOne" class="accordion-collapse collapse show" data-bs-parent="#datingPartnerFaqAccordion">
                    <div class="accordion-body">
                        No. This portal is for both male and female local dating partners who are genuinely interested
                        in meeting suitable international guests through a safer and guided process.
                    </div>
                </div>
            </div>

            <div class="accordion-item">
                <h2 class="accordion-header" id="datingFaqTwo">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#datingCollapseTwo">
                        Will guests see my contact details immediately?
                    </button>
                </h2>
                <div id="datingCollapseTwo" class="accordion-collapse collapse" data-bs-parent="#datingPartnerFaqAccordion">
                    <div class="accordion-body">
                        No. Contact details are protected at the beginning. Access can be allowed later based on guest confirmation,
                        mutual interest, and the platform’s safety process.
                    </div>
                </div>
            </div>

            <div class="accordion-item">
                <h2 class="accordion-header" id="datingFaqThree">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#datingCollapseThree">
                        What happens if a foreign guest is interested in me?
                    </button>
                </h2>
                <div id="datingCollapseThree" class="accordion-collapse collapse" data-bs-parent="#datingPartnerFaqAccordion">
                    <div class="accordion-body">
                        You can view guest profiles who expressed interest in you according to your access level.
                        If you are also interested and both profiles are confirmed, the process can move toward mutual contact
                        or an arranged date.
                    </div>
                </div>
            </div>

            <div class="accordion-item">
                <h2 class="accordion-header" id="datingFaqFour">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#datingCollapseFour">
                        When should I pay the confirmation fee?
                    </button>
                </h2>
                <div id="datingCollapseFour" class="accordion-collapse collapse" data-bs-parent="#datingPartnerFaqAccordion">
                    <div class="accordion-body">
                        The confirmation fee is required before arranged dating support, especially when a guest has arrived
                        in Sri Lanka and both parties agree to proceed with a guided meeting arrangement.
                    </div>
                </div>
            </div>

            <div class="accordion-item">
                <h2 class="accordion-header" id="datingFaqFive">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#datingCollapseFive">
                        Does the platform guarantee a relationship?
                    </button>
                </h2>
                <div id="datingCollapseFive" class="accordion-collapse collapse" data-bs-parent="#datingPartnerFaqAccordion">
                    <div class="accordion-body">
                        No. The platform does not guarantee a relationship, marriage, financial support, or any personal result.
                        It provides a safer and more organized way for genuine people to connect and communicate.
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- FINAL CTA -->
<section class="py-5 bg-light">
    <div class="container">
        <div class="final-dating-cta text-center text-white">
            <h2 class="fw-bold mb-3">Ready to Join as a Local Dating Partner?</h2>
            <p class="lead mb-4">
                Create your profile, increase your visibility, and connect with suitable international guests
                through a guided, trust-focused dating partner process.
            </p>

            <div class="d-flex flex-wrap justify-content-center gap-3">
                {% if dating_profile %}
                    <a href="{% url 'dating_app:dating_partner_dashboard' %}" class="btn btn-warning btn-lg px-4">
                        Go to My Dashboard
                    </a>
                {% else %}
                    <a href="{% url 'dating_app:partner_register' %}" class="btn btn-warning btn-lg px-4">
                        Become a Local Dating Partner
                    </a>
                {% endif %}

                <a href="{% url 'dating_app:public_foreigners_list' %}" class="btn btn-outline-light btn-lg px-4">
                    View Guest Profiles
                </a>
            </div>
        </div>
    </div>
</section>

{% endblock %}