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

{% block title %}
    {% if show_full_profile_preview %}
        {{ profile.display_name|default:profile.full_name }} | Local Partner Profile Preview
    {% else %}
        Local Dating Partner Profile Preview
    {% endif %}
{% endblock %}

{% block content %}

<style>
    .dating-detail-page {
        --dating-deep: #2a0d1f;
        --dating-deeper: #1b0714;
        --dating-pink: #c2185b;
        --dating-pink-mid: #ff4d88;
        --dating-pink-soft: #fff1f6;
        --dating-gold: #ffc107;
        --dating-muted: #756a77;
        --dating-border: rgba(194, 24, 91, 0.12);
        --dating-shadow: 0 18px 45px rgba(42, 13, 31, 0.10);
        --dating-shadow-strong: 0 26px 70px rgba(42, 13, 31, 0.18);

        background: #fff8fb;
    }

    .dating-detail-page .dating-detail-hero,
    .dating-detail-page .dating-detail-lower-section {
        position: relative;
        z-index: 1;
    }

    /* =====================================================
       HERO / TOP SECTION
    ====================================================== */

    .dating-detail-page .dating-detail-hero {
        position: relative;
        overflow: hidden;
        background:
            radial-gradient(circle at 8% 12%, rgba(255, 193, 7, 0.15), transparent 26%),
            radial-gradient(circle at 92% 15%, rgba(194, 24, 91, 0.12), transparent 30%),
            linear-gradient(180deg, #fff8fb 0%, #f9f2f7 100%) !important;
    }

    .dating-detail-page .dating-detail-hero::before {
        content: "";
        position: absolute;
        width: 430px;
        height: 430px;
        right: -170px;
        top: -160px;
        border-radius: 50%;
        background: rgba(255, 193, 7, 0.14);
        filter: blur(8px);
        z-index: 0;
    }

    .dating-detail-page .dating-detail-hero::after {
        content: "";
        position: absolute;
        width: 360px;
        height: 360px;
        left: -170px;
        bottom: -170px;
        border-radius: 50%;
        background: rgba(194, 24, 91, 0.10);
        filter: blur(8px);
        z-index: 0;
    }

    .dating-detail-page .dating-detail-hero .container,
    .dating-detail-page .dating-detail-lower-section .container {
        position: relative;
        z-index: 2;
    }

    .dating-detail-page h1,
    .dating-detail-page h3,
    .dating-detail-page h4,
    .dating-detail-page h5,
    .dating-detail-page h6 {
        color: var(--dating-deep);
        letter-spacing: -0.015em;
    }

    .dating-detail-page .lead {
        color: var(--dating-muted) !important;
    }

    .dating-detail-page .text-muted {
        color: var(--dating-muted) !important;
    }

    /* =====================================================
       MINI TITLE / BADGES
    ====================================================== */

    .dating-detail-page .section-mini-title {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        padding: 7px 15px;
        border-radius: 999px;
        background: rgba(255, 193, 7, 0.16);
        color: #9b1b60;
        border: 1px solid rgba(255, 193, 7, 0.30);
        font-size: 0.78rem;
        font-weight: 900;
        letter-spacing: 0.055em;
        text-transform: uppercase;
        margin-bottom: 16px;
    }

    .dating-detail-page .section-mini-title::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--dating-gold);
        box-shadow: 0 0 0 5px rgba(255, 193, 7, 0.14);
    }

    .dating-detail-page .badge.bg-warning {
        background: linear-gradient(135deg, var(--dating-gold), #ffdf68) !important;
        color: #3d2700 !important;
        border-radius: 999px;
        padding: 0.5rem 0.8rem;
        font-weight: 900;
        box-shadow: 0 10px 20px rgba(255, 193, 7, 0.20);
    }

    .dating-detail-page .partner-preview-badge {
        display: inline-flex;
        align-items: center;
        padding: 7px 14px;
        border-radius: 999px;
        font-size: 0.82rem;
        font-weight: 800;
        background: #fff1f6;
        color: var(--dating-pink);
        border: 1px solid rgba(194, 24, 91, 0.18);
    }

    /* =====================================================
       PREMIUM CARDS
    ====================================================== */

    .dating-detail-page .detail-card,
    .dating-detail-page .contact-form-card,
    .dating-detail-page .partner-summary-box {
        position: relative;
        background:
            radial-gradient(circle at 92% 12%, rgba(255, 193, 7, 0.10), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
        border: 1px solid rgba(194, 24, 91, 0.10);
        border-radius: 30px;
        overflow: hidden;
        box-shadow: var(--dating-shadow);
    }

    .dating-detail-page .detail-card,
    .dating-detail-page .partner-summary-box {
        padding: 1.7rem;
    }

    .dating-detail-page .detail-card::before,
    .dating-detail-page .partner-summary-box::before,
    .dating-detail-page .contact-form-card::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 5px;
        background: linear-gradient(90deg, var(--dating-gold), var(--dating-pink-mid), var(--dating-pink));
        z-index: 2;
    }

    .dating-detail-page .detail-card:hover,
    .dating-detail-page .contact-form-card:hover,
    .dating-detail-page .partner-summary-box:hover {
        box-shadow: var(--dating-shadow-strong);
    }

    /* =====================================================
       MAIN PROFILE IMAGE
    ====================================================== */

    .dating-detail-page .main-profile-image-wrapper {
        position: relative;
        border-radius: 28px;
        overflow: hidden;
        background:
            radial-gradient(circle at 50% 35%, rgba(255, 193, 7, 0.18), transparent 32%),
            linear-gradient(135deg, #fff1f6, #fff);
        box-shadow: 0 18px 45px rgba(42, 13, 31, 0.16);
    }

    .dating-detail-page .main-profile-image-wrapper::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, transparent 58%, rgba(42, 13, 31, 0.38) 100%);
        pointer-events: none;
    }

    .dating-detail-page .profile-detail-image {
        display: block;
        width: 100%;
        height: auto;
        transition: transform 0.35s ease;
    }

    .dating-detail-page .main-profile-image-wrapper:hover .profile-detail-image {
        transform: scale(1.025);
    }

    .dating-detail-page .partner-thumb-image {
        border-radius: 18px !important;
        border: 3px solid #fff;
        outline: 2px solid rgba(194, 24, 91, 0.14);
        box-shadow: 0 12px 24px rgba(42, 13, 31, 0.14) !important;
        transition: transform 0.22s ease, opacity 0.22s ease, outline-color 0.22s ease;
    }

    .dating-detail-page .partner-thumb-image:hover {
        transform: translateY(-3px) scale(1.03);
        opacity: 0.94;
        outline-color: rgba(255, 193, 7, 0.70);
    }

    .dating-detail-page .profile-detail-placeholder {
        min-height: 420px;
        border-radius: 28px;
        background:
            radial-gradient(circle at 50% 35%, rgba(255, 193, 7, 0.18), transparent 32%),
            linear-gradient(135deg, #fff1f6, #fff);
        color: var(--dating-pink);
        box-shadow: 0 18px 45px rgba(42, 13, 31, 0.12);
    }

    /* =====================================================
       AGE / PRICE STYLE
    ====================================================== */

    .dating-detail-page .package-detail-price {
        display: inline-flex;
        align-items: baseline;
        gap: 0.35rem;
        padding: 10px 16px;
        border-radius: 999px;
        background: linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 241, 246, 0.95));
        color: var(--dating-pink);
        border: 1px solid rgba(255, 193, 7, 0.28);
        font-size: 1.25rem;
        font-weight: 900;
        box-shadow: 0 12px 26px rgba(120, 80, 10, 0.08);
    }

    .dating-detail-page .package-detail-price span {
        font-size: 0.86rem;
        font-weight: 800;
        color: #8a5a00;
    }

    /* =====================================================
       SUMMARY BOX
    ====================================================== */

    .dating-detail-page .partner-summary-box p {
        padding: 0.65rem 0;
        margin-bottom: 0 !important;
        border-bottom: 1px solid rgba(194, 24, 91, 0.10);
        color: #554c58;
    }

    .dating-detail-page .partner-summary-box p:last-child {
        border-bottom: 0;
    }

    .dating-detail-page .partner-summary-box strong {
        color: var(--dating-deep);
    }

    /* =====================================================
       ALERTS / NOTES
    ====================================================== */

    .dating-detail-page .alert-warning {
        background:
            linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 241, 246, 0.96));
        border: 1px solid rgba(255, 193, 7, 0.28) !important;
        color: #5d3c03;
        box-shadow: 0 12px 28px rgba(120, 80, 10, 0.08);
    }

    .dating-detail-page .alert-light {
        background:
            linear-gradient(135deg, #fff9fc 0%, #fffdf5 100%);
        border: 1px solid rgba(194, 24, 91, 0.12) !important;
        color: #625564;
        box-shadow: 0 12px 28px rgba(42, 13, 31, 0.05);
    }

    /* =====================================================
       BUTTONS - SCOPED ONLY TO THIS PAGE
    ====================================================== */

    .dating-detail-page .btn {
        border-radius: 999px;
        font-weight: 850;
        letter-spacing: 0.01em;
        transition: all 0.22s ease;
    }

    .dating-detail-page .btn:hover {
        transform: translateY(-2px);
    }

    .dating-detail-page .btn-primary {
        background: linear-gradient(135deg, var(--dating-pink-mid), var(--dating-pink));
        border-color: transparent;
        color: #fff;
        box-shadow: 0 14px 28px rgba(194, 24, 91, 0.22);
    }

    .dating-detail-page .btn-primary:hover {
        background: linear-gradient(135deg, #ff6b9d, #a4144c);
        border-color: transparent;
        color: #fff;
        box-shadow: 0 18px 34px rgba(194, 24, 91, 0.30);
    }

    .dating-detail-page .btn-dark {
        background: linear-gradient(135deg, var(--dating-deep), #5a153e);
        border-color: transparent;
        color: #fff;
        box-shadow: 0 14px 28px rgba(42, 13, 31, 0.24);
    }

    .dating-detail-page .btn-dark:hover {
        background: linear-gradient(135deg, var(--dating-deeper), var(--dating-pink));
        border-color: transparent;
        color: #fff;
    }

    .dating-detail-page .btn-outline-secondary {
        background: #fff;
        color: var(--dating-deep);
        border: 2px solid rgba(42, 13, 31, 0.18);
    }

    .dating-detail-page .btn-outline-secondary:hover {
        background: var(--dating-deep);
        color: #fff;
        border-color: var(--dating-deep);
        box-shadow: 0 14px 28px rgba(42, 13, 31, 0.16);
    }

    /* =====================================================
       LOWER SECTION
    ====================================================== */

    .dating-detail-page .dating-detail-lower-section {
        clear: both;
        overflow: hidden;
        background:
            radial-gradient(circle at 8% 12%, rgba(255, 193, 7, 0.12), transparent 25%),
            radial-gradient(circle at 92% 15%, rgba(194, 24, 91, 0.08), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #fff8fb 100%) !important;
    }

    .dating-detail-page .detail-card .text-muted p,
    .dating-detail-page .detail-card .text-muted {
        line-height: 1.75;
    }

    /* =====================================================
       SIDEBAR CARDS
    ====================================================== */

    .dating-detail-page .contact-form-card {
        border: 1px solid rgba(194, 24, 91, 0.10);
    }

    .dating-detail-page .contact-form-header,
    .dating-detail-page .contact-form-body {
        padding: 1.6rem;
        position: relative;
        z-index: 3;
    }

    .dating-detail-page .contact-form-header {
        border-bottom: 1px solid rgba(194, 24, 91, 0.10);
        background:
            radial-gradient(circle at 90% 12%, rgba(255, 193, 7, 0.12), transparent 32%),
            linear-gradient(135deg, #ffffff 0%, #fff1f6 100%);
    }

    .dating-detail-page .contact-form-body {
        background: linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    }

    .dating-detail-page .contact-form-body strong {
        color: var(--dating-deep);
    }

    .dating-detail-page .contact-form-body .text-success {
        color: #198754 !important;
        font-weight: 800;
    }

    .dating-detail-page .contact-form-body .text-warning {
        color: #b87900 !important;
        font-weight: 800;
    }

    .dating-detail-page .contact-form-body .text-secondary,
    .dating-detail-page .contact-form-body .text-muted {
        color: var(--dating-muted) !important;
        font-weight: 700;
    }

    .dating-detail-page .contact-form-body ul li {
        color: #554c58;
        font-weight: 600;
    }

    .dating-detail-page .contact-form-body ul li i {
        color: var(--dating-pink) !important;
    }

    /* =====================================================
       RESPONSIVE
    ====================================================== */

    @media (max-width: 991.98px) {
        .dating-detail-page .contact-form-card {
            margin-top: 0;
        }

        .dating-detail-page h1 {
            font-size: 2.1rem;
        }

        .dating-detail-page .detail-card,
        .dating-detail-page .partner-summary-box,
        .dating-detail-page .contact-form-card {
            border-radius: 26px;
        }
    }

    @media (max-width: 767.98px) {
        .dating-detail-page .dating-detail-hero {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .dating-detail-page .dating-detail-lower-section {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .dating-detail-page h1 {
            font-size: 1.9rem;
        }

        .dating-detail-page .detail-card,
        .dating-detail-page .partner-summary-box {
            padding: 1.25rem;
        }

        .dating-detail-page .contact-form-header,
        .dating-detail-page .contact-form-body {
            padding: 1.25rem;
        }

        .dating-detail-page .profile-detail-placeholder {
            min-height: 320px;
        }
    }

    @media (max-width: 420px) {
        .dating-detail-page .detail-card,
        .dating-detail-page .partner-summary-box,
        .dating-detail-page .contact-form-card,
        .dating-detail-page .main-profile-image-wrapper,
        .dating-detail-page .profile-detail-placeholder {
            border-radius: 22px;
        }

        .dating-detail-page .package-detail-price {
            width: 100%;
            justify-content: center;
        }
    }
</style>

<div class="dating-detail-page">

    <section class="dating-detail-hero py-5 bg-light">
        <div class="container">

            {% if is_public_limited_preview %}
                <div class="alert alert-warning rounded-4 border-0 mb-4">
                    <strong>Limited public preview:</strong>
                    Public visitors can see only basic profile information. Sign up as a local dating partner to preview more details
                    and understand how profiles are presented to international guests.
                </div>
            {% endif %}

            <div class="row g-5 align-items-start">
                <div class="col-lg-7">
                    <div class="detail-card mb-4">
                        {% if profile.profile_photo or additional_photos %}
                            <div class="main-profile-image-wrapper mb-3">
                                {% if profile.profile_photo %}
                                    <img id="mainPartnerImage"
                                         src="{{ profile.profile_photo.url }}"
                                         class="img-fluid profile-detail-image w-100"
                                         alt="{% if show_full_profile_preview %}{{ profile.display_name|default:profile.full_name }}{% else %}Local dating partner profile{% endif %}"
                                         style="max-height: 520px; object-fit: cover;">
                                {% elif additional_photos %}
                                    <img id="mainPartnerImage"
                                         src="{{ additional_photos.0.image.url }}"
                                         class="img-fluid profile-detail-image w-100"
                                         alt="{% if show_full_profile_preview %}{{ profile.display_name|default:profile.full_name }}{% else %}Local dating partner profile{% endif %}"
                                         style="max-height: 520px; object-fit: cover;">
                                {% else %}
                                    <img id="mainPartnerImage"
                                         src="{% static 'expat_life/images/default-profile.jpg' %}"
                                         class="img-fluid profile-detail-image w-100"
                                         alt="Profile"
                                         style="max-height: 520px; object-fit: cover;">
                                {% endif %}
                            </div>

                            {% if show_full_profile_preview %}
                                {% if profile.profile_photo or additional_photos %}
                                    <div class="row g-3">
                                        {% if profile.profile_photo %}
                                            <div class="col-4 col-md-3">
                                                <img src="{{ profile.profile_photo.url }}"
                                                     class="img-fluid rounded shadow-sm partner-thumb-image"
                                                     alt="{{ profile.display_name|default:profile.full_name }}"
                                                     style="height: 100px; width: 100%; object-fit: cover; cursor: pointer;"
                                                     onclick="document.getElementById('mainPartnerImage').src='{{ profile.profile_photo.url }}'">
                                            </div>
                                        {% endif %}

                                        {% for photo in additional_photos %}
                                            <div class="col-4 col-md-3">
                                                <img src="{{ photo.image.url }}"
                                                     class="img-fluid rounded shadow-sm partner-thumb-image"
                                                     alt="{{ photo.caption|default:profile.display_name|default:profile.full_name }}"
                                                     style="height: 100px; width: 100%; object-fit: cover; cursor: pointer;"
                                                     onclick="document.getElementById('mainPartnerImage').src='{{ photo.image.url }}'">
                                            </div>
                                        {% endfor %}
                                    </div>
                                {% endif %}
                            {% else %}
                                <div class="alert alert-light border rounded-4 mb-0">
                                    Additional photos are available only for signed-up or approved local dating partners.
                                </div>
                            {% endif %}
                        {% else %}
                            <div class="profile-detail-placeholder d-flex align-items-center justify-content-center">
                                <i class="bi bi-person-heart fs-1"></i>
                            </div>
                        {% endif %}
                    </div>
                </div>

                <div class="col-lg-5">
                    <span class="section-mini-title">Local Dating Partner Profile Preview</span>

                    {% if profile.is_featured %}
                        <div class="mb-3">
                            <span class="badge bg-warning text-dark">
                                Featured Profile
                            </span>
                        </div>
                    {% endif %}

                    {% if show_full_profile_preview %}
                        <h1 class="fw-bold mb-3">
                            {{ profile.display_name|default:profile.full_name }}
                        </h1>
                    {% else %}
                        <h1 class="fw-bold mb-3">
                            Local Dating Partner Profile
                        </h1>
                    {% endif %}

                    <div class="package-detail-price mb-3">
                        {% if profile.age %}
                            {{ profile.age }}<span> years old</span>
                        {% else %}
                            <span>Age not specified</span>
                        {% endif %}
                    </div>

                    {% if show_full_profile_preview %}
                        <p class="lead text-muted mb-4">
                            {{ profile.short_intro|default:"Approved local dating partner profile available inside the trusted partner network." }}
                        </p>
                    {% else %}
                        <p class="lead text-muted mb-4">
                            This is a limited profile preview. Sign up as a local dating partner to view more profile presentation details.
                        </p>
                    {% endif %}

                    <div class="partner-summary-box mb-4">
                        <h6 class="fw-bold mb-3">Profile Summary</h6>

                        {% if profile.gender %}
                            <p class="mb-2">
                                <strong>Gender:</strong> {{ profile.get_gender_display }}
                            </p>
                        {% endif %}

                        <p class="mb-2">
                            <strong>Relationship Goal:</strong> {{ profile.get_relationship_goal_display|default:"Not specified" }}
                        </p>

                        <p class="mb-2">
                            <strong>City:</strong> {{ profile.city|default:"Not specified" }}
                        </p>

                        {% if show_full_profile_preview %}
                            <p class="mb-2">
                                <strong>Country:</strong> {{ profile.country|default:"Not specified" }}
                            </p>

                            <p class="mb-2">
                                <strong>Profession:</strong> {{ profile.profession|default:"Not specified" }}
                            </p>

                            <p class="mb-2">
                                <strong>Religion:</strong> {{ profile.religion|default:"Not specified" }}
                            </p>

                            <p class="mb-2">
                                <strong>Education:</strong> {{ profile.education|default:"Not specified" }}
                            </p>

                            <p class="mb-2">
                                <strong>Languages:</strong> {{ profile.languages_spoken|default:"Not specified" }}
                            </p>

                            <p class="mb-2">
                                <strong>Willing to Relocate:</strong>
                                {% if profile.willing_to_relocate %}Yes{% else %}No{% endif %}
                            </p>

                            <p class="mb-0">
                                <strong>Video Call Ready:</strong>
                                {% if profile.willing_video_call %}Yes{% else %}No{% endif %}
                            </p>
                        {% else %}
                            <div class="alert alert-light border rounded-4 mt-3 mb-0">
                                More personal profile details are hidden in public preview mode.
                            </div>
                        {% endif %}
                    </div>

                    <div class="d-grid gap-2">
                        {% if dating_profile %}
                            <a href="{% url 'dating_app:dating_partner_dashboard' %}" class="btn btn-dark btn-lg">
                                My Dating Dashboard
                            </a>
                        {% else %}
                            <a href="{% url 'dating_app:dating_partner_signup' %}" class="btn btn-primary btn-lg">
                                Sign Up as Local Dating Partner
                            </a>
                        {% endif %}

                        <a href="{% url 'dating_app:public_partner_list' %}" class="btn btn-outline-secondary btn-lg">
                            Back to Profile Preview List
                        </a>
                    </div>

                    <div class="small text-muted mt-3">
                        Contact details are not displayed here. The platform controls profile access, guest interest,
                        mutual interest, and next-step communication for privacy and safety.
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-5 bg-white dating-detail-lower-section">
        <div class="container">
            <div class="row g-4 align-items-start">
                <div class="col-lg-8">

                    {% if show_full_profile_preview %}
                        <div class="detail-card mb-4">
                            <h3 class="fw-bold mb-3">About</h3>
                            <div class="text-muted">
                                {{ profile.about_me|linebreaks }}
                            </div>
                        </div>

                        {% if profile.hobbies %}
                            <div class="detail-card mb-4">
                                <h5 class="fw-bold mb-3">Hobbies & Interests</h5>
                                <div class="text-muted mb-0">
                                    {{ profile.hobbies|linebreaks }}
                                </div>
                            </div>
                        {% endif %}

                        {% if profile.expectations %}
                            <div class="detail-card mb-4">
                                <h5 class="fw-bold mb-3">Relationship Expectations</h5>
                                <div class="text-muted mb-0">
                                    {{ profile.expectations|linebreaks }}
                                </div>
                            </div>
                        {% endif %}
                    {% else %}
                        <div class="detail-card mb-4">
                            <h3 class="fw-bold mb-3">More Profile Details Are Hidden</h3>
                            <p class="text-muted mb-4">
                                Public visitors can see only a limited profile preview. Sign up as a local dating partner
                                to understand how approved profiles are presented, how visibility works, and how the trusted
                                connection process protects both guests and local partners.
                            </p>

                            <a href="{% url 'dating_app:dating_partner_signup' %}" class="btn btn-primary">
                                Become a Local Dating Partner
                            </a>
                        </div>
                    {% endif %}

                    <div class="detail-card mb-4">
                        <h4 class="fw-bold mb-3">Trust & Safety Notice</h4>
                        <p class="text-muted mb-0">
                            This platform is designed to reduce fake accounts, scams, false promises, and unsafe communication.
                            Contact details are not shown at the beginning. Guest interest, mutual interest, confirmation,
                            and arranged dating support are handled through a careful process.
                        </p>
                    </div>

                </div>

                <div class="col-lg-4">
                    <div class="contact-form-card shadow-sm mb-4">
                        <div class="contact-form-header">
                            <h4 class="fw-bold mb-2">Partner-Side Preview</h4>
                            <p class="text-muted mb-0">
                                This page helps local dating partners understand how profiles appear inside the platform.
                            </p>
                        </div>

                        <div class="contact-form-body">
                            <div class="mb-3">
                                <strong>Profile Status:</strong><br>
                                {% if profile.status == 'approved' %}
                                    <span class="text-success">Approved</span>
                                {% else %}
                                    <span class="text-warning">{{ profile.get_status_display }}</span>
                                {% endif %}
                            </div>

                            <div class="mb-3">
                                <strong>Profile Visibility:</strong><br>
                                {% if profile.is_public %}
                                    <span class="text-success">Public profile</span>
                                {% else %}
                                    <span class="text-secondary">Private profile</span>
                                {% endif %}
                            </div>

                            <div class="mb-3">
                                <strong>Featured Status:</strong><br>
                                {% if profile.is_featured %}
                                    <span class="text-warning">Featured profile</span>
                                {% else %}
                                    <span class="text-muted">Normal profile</span>
                                {% endif %}
                            </div>

                            <div class="mb-3">
                                <strong>Your Access:</strong><br>
                                {% if is_approved_dating_partner %}
                                    <span class="text-success">Approved local dating partner</span>
                                {% elif is_dating_partner_authenticated %}
                                    <span class="text-warning">Signed in, profile approval pending</span>
                                {% else %}
                                    <span class="text-muted">Public limited preview</span>
                                {% endif %}
                            </div>

                            <div class="mb-0">
                                <strong>Process:</strong><br>
                                Guests can express interest first. If both guest and local partner are confirmed
                                and mutually interested, the connection can move toward protected contact access
                                or an arranged date.
                            </div>
                        </div>
                    </div>

                    <div class="contact-form-card shadow-sm">
                        <div class="contact-form-header">
                            <h4 class="fw-bold mb-2">For Local Dating Partners</h4>
                            <p class="text-muted mb-0">
                                Create a strong and genuine profile to improve your chance of being noticed by suitable international guests.
                            </p>
                        </div>

                        <div class="contact-form-body">
                            <ul class="list-unstyled mb-4">
                                <li class="mb-3">
                                    <i class="bi bi-check-circle-fill text-success me-2"></i>
                                    Use clear and respectful profile photos
                                </li>

                                <li class="mb-3">
                                    <i class="bi bi-check-circle-fill text-success me-2"></i>
                                    Write a genuine introduction
                                </li>

                                <li class="mb-3">
                                    <i class="bi bi-check-circle-fill text-success me-2"></i>
                                    Be honest about relationship goals
                                </li>

                                <li class="mb-3">
                                    <i class="bi bi-check-circle-fill text-success me-2"></i>
                                    Consider featured visibility if you are serious
                                </li>

                                <li class="mb-0">
                                    <i class="bi bi-check-circle-fill text-success me-2"></i>
                                    Follow the platform process for safer connections
                                </li>
                            </ul>

                            {% if dating_profile %}
                                <a href="{% url 'dating_app:dating_partner_dashboard' %}" class="btn btn-dark w-100">
                                    Manage My Dating Profile
                                </a>
                            {% else %}
                                <a href="{% url 'dating_app:dating_partner_signup' %}" class="btn btn-primary w-100">
                                    Create My Dating Profile
                                </a>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

</div>

{% endblock %}