{% extends 'rental_app/base_rental.html' %}
{% load static %}

{% block title %}Property Partner Portal | Rent Your Property to International Guests{% endblock %}

{% block content %}

<style>
    .rental-owner-hero {
        position: relative;
        min-height: 700px;
        background-color: #0d1b2a;
        overflow: hidden;
    }

    .rental-owner-hero-bg {
        position: absolute;
        inset: 0;
        background:
            linear-gradient(
                90deg,
                rgba(8, 20, 32, 0.88) 0%,
                rgba(8, 20, 32, 0.72) 42%,
                rgba(8, 20, 32, 0.45) 72%,
                rgba(8, 20, 32, 0.35) 100%
            ),
            url("{% static 'expat_life/images/rental_hero.webp' %}") center center / cover no-repeat;
        transform: scale(1.02);
        z-index: 0;
    }

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

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

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

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

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

    .owner-side-card-header {
        background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
        padding: 28px;
    }

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

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

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

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

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

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

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

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

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

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

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

    .owner-gradient-section {
        background: linear-gradient(135deg, #0d1b2a 0%, #0d6efd 100%);
    }

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

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

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

    .final-owner-cta {
        background: linear-gradient(135deg, #111827 0%, #0d6efd 100%);
        border-radius: 28px;
        padding: 52px 34px;
    }
    /* =========================================================
    FLOATING MULTILINGUAL INFORMATION CENTER - HORIZONTAL
    Rental App
    ========================================================= */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        <a href="{% url 'rental_app:rental_partner_information_center' %}?lang=en"
           class="rental-floating-language-btn"
           aria-label="Open English Rental Property Partner Information Center">
            <img src="{% static 'expat_life/images/english.png' %}"
                 alt="English">
        </a>
    </div>
</div>
<!-- HERO -->
<section class="rental-owner-hero">
    <div class="rental-owner-hero-bg"></div>

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

                <h1 class="display-4 fw-bold mb-4">
                    Rent Your Property to Trusted International Guests in Sri Lanka
                </h1>

                <p class="lead mb-4">
                    Ensolanka invites property owners, villa owners, apartment owners, bungalow owners,
                    and rental partners in Sri Lanka to join our trusted property network for foreigners,
                    digital nomads, remote workers, business visitors, and long-stay guests.
                </p>

                <p class="mb-4">
                    We help bring suitable international guests to your property, guide the rental process,
                    support communication, and manage the arrangement professionally. You provide the property;
                    our team helps create a safer and smoother rental experience.
                </p>

                <div class="d-flex flex-wrap gap-3 mb-4">
                    {% if rental_owner_profile %}
                        <a href="{% url 'rental_app:rental_owner_dashboard' %}" class="btn btn-warning btn-lg px-4">
                            Go to My Dashboard
                        </a>
                    {% else %}
                        <a href="{% url 'rental_app:rental_owner_signup' %}" class="btn btn-warning btn-lg px-4">
                            Become a Property Partner
                        </a>
                    {% endif %}

                    <a href="{% url 'rental_app:public_rental_list' %}" class="btn btn-outline-light btn-lg px-4">
                        View Public Rentals
                    </a>
                </div>

                <div class="row g-3 mt-2">
                    <div class="col-sm-6">
                        <div class="owner-hero-point">
                            <i class="bi bi-house-check-fill"></i>
                            <span>Suitable for villas, houses, apartments, annexes, and bungalows</span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="owner-hero-point">
                            <i class="bi bi-globe2"></i>
                            <span>International guest and digital nomad focused rental network</span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="owner-hero-point">
                            <i class="bi bi-shield-check"></i>
                            <span>Guided process with better trust and professional handling</span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="owner-hero-point">
                            <i class="bi bi-cash-coin"></i>
                            <span>Monthly rental income with agreed service-fee arrangement</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-5">
                <div class="owner-side-card shadow-lg">
                    <div class="owner-side-card-header">
                        <h4 class="fw-bold mb-2">Why Partner with Ensolanka?</h4>
                        <p class="mb-0">
                            A professional bridge between Sri Lankan property owners and quality international guests.
                        </p>
                    </div>

                    <div class="owner-side-card-body">
                        <div class="owner-mini-row">
                            <div class="owner-mini-icon">
                                <i class="bi bi-people-fill"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Access Better Guest Opportunities</h6>
                                <p class="text-muted small mb-0">
                                    We attract foreigners who want peaceful, affordable, and practical living in Sri Lanka.
                                </p>
                            </div>
                        </div>

                        <div class="owner-mini-row">
                            <div class="owner-mini-icon">
                                <i class="bi bi-person-check-fill"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Less Hassle for Owners</h6>
                                <p class="text-muted small mb-0">
                                    Our team supports communication, guest guidance, listing presentation, and rental coordination.
                                </p>
                            </div>
                        </div>

                        <div class="owner-mini-row">
                            <div class="owner-mini-icon">
                                <i class="bi bi-file-earmark-text-fill"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Clear Agreement-Based Process</h6>
                                <p class="text-muted small mb-0">
                                    Rental terms, service percentage, responsibilities, and payment handling can be agreed clearly.
                                </p>
                            </div>
                        </div>

                        <div class="mt-4 d-grid">
                            {% if rental_owner_profile %}
                                <a href="{% url 'rental_app:rental_owner_dashboard' %}" class="btn btn-dark btn-lg">
                                    Open Partner Dashboard
                                </a>
                            {% else %}
                                <a href="{% url 'rental_app:rental_owner_signup' %}" class="btn btn-dark btn-lg">
                                    Register Your Property Interest
                                </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="partner-stat-box text-center">
                    <h3>Global</h3>
                    <p class="mb-0 text-muted">Guest Interest</p>
                </div>
            </div>

            <div class="col-6 col-lg-3">
                <div class="partner-stat-box text-center">
                    <h3>Islandwide</h3>
                    <p class="mb-0 text-muted">Property Network</p>
                </div>
            </div>

            <div class="col-6 col-lg-3">
                <div class="partner-stat-box text-center">
                    <h3>Guided</h3>
                    <p class="mb-0 text-muted">Rental Process</p>
                </div>
            </div>

            <div class="col-6 col-lg-3">
                <div class="partner-stat-box text-center">
                    <h3>Agreed %</h3>
                    <p class="mb-0 text-muted">Service Fee Model</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 Sri Lankan Property Owners</span>
            <h2 class="fw-bold">Turn Your Property into a Trusted Long-Stay Rental Opportunity</h2>
            <p class="text-muted">
                Many foreigners, digital nomads, consultants, retirees, and remote workers are interested in Sri Lanka
                because of its natural beauty, lower living cost, friendly people, and peaceful lifestyle.
                Our goal is to connect them with suitable, owner-supported rental properties.
            </p>
        </div>

        <div class="row g-4">
            <div class="col-md-6 col-lg-3">
                <div class="owner-feature-card">
                    <div class="owner-feature-icon">
                        <i class="bi bi-house-heart-fill"></i>
                    </div>
                    <h5 class="fw-bold">List Quality Properties</h5>
                    <p class="text-muted mb-0">
                        Add villas, houses, apartments, annexes, bungalows, guesthouses, or other suitable rental spaces.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="owner-feature-card">
                    <div class="owner-feature-icon">
                        <i class="bi bi-laptop-fill"></i>
                    </div>
                    <h5 class="fw-bold">Serve Digital Nomads</h5>
                    <p class="text-muted mb-0">
                        Many guests need peaceful homes with Wi-Fi, workspaces, privacy, and practical living facilities.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="owner-feature-card">
                    <div class="owner-feature-icon">
                        <i class="bi bi-hand-thumbs-up-fill"></i>
                    </div>
                    <h5 class="fw-bold">Reduce Owner Hassle</h5>
                    <p class="text-muted mb-0">
                        Instead of handling everything alone, you can work with our team for a more guided process.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="owner-feature-card">
                    <div class="owner-feature-icon">
                        <i class="bi bi-graph-up-arrow"></i>
                    </div>
                    <h5 class="fw-bold">Build Better Income Potential</h5>
                    <p class="text-muted mb-0">
                        A properly presented property can attract better long-stay guests and more stable rental opportunities.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- PROPERTY TYPES -->
<section class="py-5 owner-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">Property Types</span>
                <h2 class="fw-bold mb-3">What Kind of Properties Can Join?</h2>
                <p class="mb-4">
                    We are looking for properties that can support comfortable living for international guests.
                    The property does not always need to be luxury. It should be clean, practical, safe,
                    and suitable for the lifestyle level of the guest.
                </p>

                <div class="row g-3">
                    <div class="col-sm-6">
                        <div class="property-type-box">
                            <i class="bi bi-house-door-fill"></i>
                            Houses & Annexes
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="property-type-box">
                            <i class="bi bi-building-fill"></i>
                            Apartments
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="property-type-box">
                            <i class="bi bi-tree-fill"></i>
                            Villas & Bungalows
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="property-type-box">
                            <i class="bi bi-door-open-fill"></i>
                            Rooms & Guesthouses
                        </div>
                    </div>
                </div>
            </div>

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

                    <ul class="list-unstyled mb-4">
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Clean and comfortable living environment
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Suitable location for foreigners or long-stay visitors
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Wi-Fi, basic furniture, kitchen access, or practical facilities
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Owner willing to work with a guided and professional rental process
                        </li>
                        <li class="mb-0">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            Clear monthly rent, deposit expectations, and house rules
                        </li>
                    </ul>

                    {% if rental_owner_profile %}
                        <a href="{% url 'rental_app:rental_owner_dashboard' %}" class="btn btn-primary btn-lg w-100">
                            Manage My Listings
                        </a>
                    {% else %}
                        <a href="{% url 'rental_app:rental_owner_signup' %}" class="btn btn-primary btn-lg w-100">
                            Apply as Property 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 Property Partner Process Works</h2>
            <p class="text-muted">
                Our process is designed to make property rental easier, clearer, and more professional.
            </p>
        </div>

        <div class="row g-4">
            <div class="col-md-3">
                <div class="owner-process-card text-center">
                    <div class="owner-process-number">01</div>
                    <h5 class="fw-bold">Partner Signup</h5>
                    <p class="text-muted mb-0">
                        Register as a rental owner or property partner and share your basic details.
                    </p>
                </div>
            </div>

            <div class="col-md-3">
                <div class="owner-process-card text-center">
                    <div class="owner-process-number">02</div>
                    <h5 class="fw-bold">Submit Property</h5>
                    <p class="text-muted mb-0">
                        Add your property details, rent, location, facilities, house rules, and images.
                    </p>
                </div>
            </div>

            <div class="col-md-3">
                <div class="owner-process-card text-center">
                    <div class="owner-process-number">03</div>
                    <h5 class="fw-bold">Review & Agreement</h5>
                    <p class="text-muted mb-0">
                        We review the listing and agree on service terms, rental handling, and expectations.
                    </p>
                </div>
            </div>

            <div class="col-md-3">
                <div class="owner-process-card text-center">
                    <div class="owner-process-number">04</div>
                    <h5 class="fw-bold">Receive Guests</h5>
                    <p class="text-muted mb-0">
                        Suitable international guests can be guided toward your property through our platform.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- OWNER SAFETY / SERVICE 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">A Safer Rental Relationship</span>
                <h2 class="fw-bold mb-3">You Keep the Property. We Help Handle the Rental Journey.</h2>
                <p class="text-muted">
                    Our goal is to reduce unnecessary stress for property owners. Instead of dealing with unknown guests,
                    repeated inquiries, unclear communication, or difficult arrangements, you can work through a more organized
                    process with Ensolanka.
                </p>

                <p class="text-muted">
                    We can agree on a service fee as a percentage of the monthly rental for our role in marketing,
                    coordination, guest support, communication, and quality handling. The exact terms should be confirmed
                    clearly before proceeding.
                </p>

                <div class="alert alert-warning rounded-4 border-0 mt-4">
                    <strong>Note:</strong> This page is an invitation to property partners. Final rental terms,
                    payment responsibility, deposit handling, service fee, and property protection conditions should be
                    documented clearly in your agreement.
                </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 your property professionally 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>Guiding foreign guests based on lifestyle, location, and budget needs</div>
                    </div>

                    <div class="d-flex mb-3">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Supporting communication between guest and property owner</div>
                    </div>

                    <div class="d-flex mb-3">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Helping reduce confusion, mismatch, and unnecessary owner workload</div>
                    </div>

                    <div class="d-flex">
                        <i class="bi bi-check-circle-fill text-success fs-5 me-3"></i>
                        <div>Building a trusted rental network for Sri Lanka-based international living</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- FAQ -->
<section class="py-5 bg-light">
    <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 Property Owners</h2>
        </div>

        <div class="accordion custom-accordion" id="rentalOwnerFaqAccordion">
            <div class="accordion-item">
                <h2 class="accordion-header" id="ownerFaqOne">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#ownerCollapseOne">
                        What type of properties can be listed?
                    </button>
                </h2>
                <div id="ownerCollapseOne" class="accordion-collapse collapse show" data-bs-parent="#rentalOwnerFaqAccordion">
                    <div class="accordion-body">
                        You can list rooms, annexes, apartments, houses, villas, guesthouses, bungalows, and other suitable rental properties.
                        The property should be suitable for foreigners, digital nomads, remote workers, retirees, or long-stay guests.
                    </div>
                </div>
            </div>

            <div class="accordion-item">
                <h2 class="accordion-header" id="ownerFaqTwo">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#ownerCollapseTwo">
                        Do I have to manage the full guest process alone?
                    </button>
                </h2>
                <div id="ownerCollapseTwo" class="accordion-collapse collapse" data-bs-parent="#rentalOwnerFaqAccordion">
                    <div class="accordion-body">
                        No. The purpose of this platform is to reduce owner hassle. Ensolanka can support listing presentation,
                        guest guidance, communication, and rental coordination based on the agreed service arrangement.
                    </div>
                </div>
            </div>

            <div class="accordion-item">
                <h2 class="accordion-header" id="ownerFaqThree">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#ownerCollapseThree">
                        How does Ensolanka earn from the rental process?
                    </button>
                </h2>
                <div id="ownerCollapseThree" class="accordion-collapse collapse" data-bs-parent="#rentalOwnerFaqAccordion">
                    <div class="accordion-body">
                        Ensolanka may charge an agreed percentage from the monthly rental as a service fee for marketing,
                        coordination, guest support, and platform-based handling. The exact percentage should be agreed clearly
                        before moving forward.
                    </div>
                </div>
            </div>

            <div class="accordion-item">
                <h2 class="accordion-header" id="ownerFaqFour">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#ownerCollapseFour">
                        Will every property be approved?
                    </button>
                </h2>
                <div id="ownerCollapseFour" class="accordion-collapse collapse" data-bs-parent="#rentalOwnerFaqAccordion">
                    <div class="accordion-body">
                        No. Properties may be reviewed before approval. We need to maintain quality, trust, safety,
                        and suitability for international guests who come through our platform.
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- FINAL CTA -->
<section class="py-5 bg-white">
    <div class="container">
        <div class="final-owner-cta text-center text-white">
            <h2 class="fw-bold mb-3">Ready to Join as a Property Partner?</h2>
            <p class="lead mb-4">
                Register your interest, add your property details, and become part of a trusted rental support network
                for foreigners and digital nomads who want to live better in Sri Lanka.
            </p>

            <div class="d-flex flex-wrap justify-content-center gap-3">
                {% if rental_owner_profile %}
                    <a href="{% url 'rental_app:rental_owner_dashboard' %}" class="btn btn-warning btn-lg px-4">
                        Go to My Dashboard
                    </a>
                {% else %}
                    <a href="{% url 'rental_app:rental_owner_signup' %}" class="btn btn-warning btn-lg px-4">
                        Become a Property Partner
                    </a>
                {% endif %}

                <a href="{% url 'rental_app:public_rental_list' %}" class="btn btn-outline-light btn-lg px-4">
                    View Rental Listings
                </a>
            </div>
        </div>
    </div>
</section>

{% endblock %}