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

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

{% block content %}

<style>
    /* =========================================================
       RENT IN SRI LANKA - FAQ PAGE
    ========================================================= */

    .rental-faq-hero {
        position: relative;
        min-height: 540px;
        display: flex;
        align-items: center;
        overflow: hidden;
        background-color: #0d1b2a;
    }

    .rental-faq-hero-bg {
        position: absolute;
        inset: 0;
        background:
            linear-gradient(
                90deg,
                rgba(8, 20, 32, 0.95) 0%,
                rgba(8, 20, 32, 0.87) 45%,
                rgba(8, 20, 32, 0.72) 100%
            ),
            url("{% static 'expat_life/images/rental_hero.webp' %}") center center / cover no-repeat;
        transform: scale(1.03);
        z-index: 0;
    }

    .rental-faq-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 20% 40%, rgba(255, 193, 7, 0.18), transparent 35%),
            radial-gradient(circle at 80% 65%, rgba(13, 110, 253, 0.18), transparent 38%);
        z-index: 1;
    }

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

    .rental-faq-badge {
        display: inline-block;
        background: rgba(255, 193, 7, 0.18);
        color: #ffc107;
        border: 1px solid rgba(255, 193, 7, 0.38);
        padding: 8px 16px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 0.85rem;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        backdrop-filter: blur(10px);
    }

    .rental-faq-hero h1 {
        color: #fff;
    }

    .rental-faq-hero p {
        color: rgba(255, 255, 255, 0.88);
    }

    .faq-intro-card {
        background: #fff;
        border-radius: 28px;
        padding: 34px;
        box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
        border: 1px solid rgba(15, 23, 42, 0.06);
    }

    .faq-support-card {
        height: 100%;
        border-radius: 28px;
        padding: 32px;
        color: #fff;
        background: linear-gradient(135deg, #0d1b2a 0%, #0d6efd 100%);
        box-shadow: 0 22px 45px rgba(13, 27, 42, 0.20);
    }

    .faq-support-card i {
        color: #ffc107;
        font-size: 2rem;
    }

    .faq-category-card {
        height: 100%;
        background: #fff;
        border-radius: 22px;
        padding: 26px;
        box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
        border: 1px solid rgba(15, 23, 42, 0.05);
        transition: 0.25s ease;
    }

    .faq-category-card:hover {
        transform: translateY(-4px);
    }

    .faq-category-icon {
        width: 58px;
        height: 58px;
        border-radius: 18px;
        background: linear-gradient(135deg, #eaf3ff 0%, #fff2c7 100%);
        color: #0d6efd;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.55rem;
        margin-bottom: 18px;
    }

    .faq-section-title {
        margin-bottom: 28px;
    }

    .faq-section-title h2 {
        font-weight: 800;
        color: #0d1b2a;
    }

    .faq-accordion .accordion-item {
        border: none;
        border-radius: 22px !important;
        overflow: hidden;
        margin-bottom: 16px;
        box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
        background: #fff;
    }

    .faq-accordion .accordion-button {
        font-weight: 700;
        color: #0d1b2a;
        padding: 22px 24px;
        background: #fff;
        box-shadow: none;
    }

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

    .faq-accordion .accordion-button:focus {
        box-shadow: none;
    }

    .faq-accordion .accordion-body {
        color: #475569;
        line-height: 1.8;
        padding: 0 24px 24px;
        background: #fff;
    }

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

    .faq-accordion .accordion-body li {
        margin-bottom: 8px;
    }

    .faq-note-box {
        border-radius: 20px;
        padding: 20px;
        margin-top: 18px;
        background: #fff7df;
        border-left: 5px solid #ffc107;
        color: #334155;
    }

    .faq-blue-box {
        border-radius: 20px;
        padding: 20px;
        margin-top: 18px;
        background: #eef5ff;
        border-left: 5px solid #0d6efd;
        color: #334155;
    }

    .faq-final-cta {
        border-radius: 32px;
        padding: 58px 36px;
        background:
            linear-gradient(
                135deg,
                rgba(13, 27, 42, 0.97) 0%,
                rgba(13, 110, 253, 0.93) 100%
            );
        box-shadow: 0 30px 65px rgba(13, 27, 42, 0.20);
    }

    @media (max-width: 991px) {
        .rental-faq-hero {
            min-height: auto;
        }

        .rental-faq-hero-content {
            padding-top: 70px;
            padding-bottom: 70px;
        }
    }

    @media (max-width: 767px) {
        .faq-intro-card,
        .faq-support-card,
        .faq-category-card {
            padding: 24px;
        }

        .faq-accordion .accordion-button {
            padding: 20px;
        }

        .faq-accordion .accordion-body {
            padding: 0 20px 20px;
        }

        .faq-final-cta {
            padding: 42px 22px;
        }
    }
</style>


<!-- =========================================================
     HERO
========================================================= -->
<section class="rental-faq-hero">
    <div class="rental-faq-hero-bg"></div>

    <div class="container rental-faq-hero-content">
        <div class="row">
            <div class="col-lg-9">
                <span class="rental-faq-badge mb-3">
                    Property Partner Help Center
                </span>

                <h1 class="display-5 fw-bold mb-3">
                    Frequently Asked Questions
                </h1>

                <p class="lead mb-0">
                    Find clear answers about becoming a Rental Owner Partner, listing your property,
                    guest interest, inspections, featured visibility, security deposits, monthly rental payments,
                    furniture packages, and closing a rental arrangement through Rent in Sri Lanka.
                </p>
            </div>
        </div>
    </div>
</section>


<!-- =========================================================
     INTRO
========================================================= -->
<section class="py-5 bg-light">
    <div class="container">
        <div class="row g-4 align-items-stretch">

            <div class="col-lg-8">
                <div class="faq-intro-card h-100">
                    <span class="section-mini-title">Before You Begin</span>
                    <h2 class="fw-bold mb-3">
                        A Clearer Rental Journey for Sri Lankan Property Owners
                    </h2>

                    <p class="text-muted">
                        Rent in Sri Lanka is designed for property owners who want to present their villas,
                        houses, apartments, annexes, bungalows, or other suitable rentals to international guests
                        looking for longer and more comfortable stays in Sri Lanka.
                    </p>

                    <p class="text-muted mb-0">
                        These FAQs explain the main process in simple language. For legally binding details,
                        the Terms &amp; Conditions and any separate signed property agreement will apply.
                    </p>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="faq-support-card">
                    <i class="bi bi-chat-dots-fill d-block mb-3"></i>

                    <h4 class="fw-bold mb-3">
                        Still Have Questions?
                    </h4>

                    <p class="mb-4">
                        Use the contact page to ask the Rent in Sri Lanka team about your property,
                        listing process, payments, or partnership questions.
                    </p>

                    <a href="{% url 'rental_app:contact_page' %}"
                       class="btn btn-warning w-100">
                        Contact Us
                    </a>
                </div>
            </div>

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


<!-- =========================================================
     TOPIC OVERVIEW CARDS
========================================================= -->
<section class="py-5 bg-white">
    <div class="container">

        <div class="section-heading text-center mb-5">
            <span class="section-mini-title">FAQ Topics</span>
            <h2 class="fw-bold">What This Page Covers</h2>
            <p class="text-muted">
                Browse the main areas of the Rental Owner Partner process.
            </p>
        </div>

        <div class="row g-4">

            <div class="col-md-6 col-lg-3">
                <div class="faq-category-card">
                    <div class="faq-category-icon">
                        <i class="bi bi-person-plus-fill"></i>
                    </div>
                    <h5 class="fw-bold">Signup &amp; Listings</h5>
                    <p class="text-muted mb-0">
                        Joining as an owner, listing properties, images, pricing, and approval.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="faq-category-card">
                    <div class="faq-category-icon">
                        <i class="bi bi-globe2"></i>
                    </div>
                    <h5 class="fw-bold">Guests &amp; Selection</h5>
                    <p class="text-muted mb-0">
                        Guest interest, shortlist activity, selection, and property verification.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="faq-category-card">
                    <div class="faq-category-icon">
                        <i class="bi bi-cash-stack"></i>
                    </div>
                    <h5 class="fw-bold">Payments &amp; Deposits</h5>
                    <p class="text-muted mb-0">
                        Featured fee, security deposit, monthly rental payouts, and service charges.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="faq-category-card">
                    <div class="faq-category-icon">
                        <i class="bi bi-house-check-fill"></i>
                    </div>
                    <h5 class="fw-bold">Handover &amp; Closure</h5>
                    <p class="text-muted mb-0">
                        Cleaning, damage, closing a rental, deposit settlement, and final return.
                    </p>
                </div>
            </div>

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


<!-- =========================================================
     FAQ SECTION 1 - GENERAL & SIGNUP
========================================================= -->
<section class="py-5 bg-light">
    <div class="container">

        <div class="faq-section-title text-center">
            <span class="section-mini-title">Section 1</span>
            <h2>General Questions &amp; Property Partner Signup</h2>
        </div>

        <div class="accordion faq-accordion" id="faqGeneralAccordion">

            <div class="accordion-item">
                <h2 class="accordion-header" id="faqGeneralOne">
                    <button class="accordion-button" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqGeneralCollapseOne"
                            aria-expanded="true"
                            aria-controls="faqGeneralCollapseOne">
                        What is Rent in Sri Lanka?
                    </button>
                </h2>

                <div id="faqGeneralCollapseOne"
                     class="accordion-collapse collapse show"
                     aria-labelledby="faqGeneralOne"
                     data-bs-parent="#faqGeneralAccordion">
                    <div class="accordion-body">
                        Rent in Sri Lanka is Ensolanka’s rental owner and property partner portal.
                        It helps Sri Lankan property owners present rental opportunities to international guests
                        who are interested in living in Sri Lanka for longer stays, remote work, retirement,
                        travel, or lifestyle relocation.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqGeneralTwo">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqGeneralCollapseTwo"
                            aria-expanded="false"
                            aria-controls="faqGeneralCollapseTwo">
                        Who can sign up as a Rental Owner Partner?
                    </button>
                </h2>

                <div id="faqGeneralCollapseTwo"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqGeneralTwo"
                     data-bs-parent="#faqGeneralAccordion">
                    <div class="accordion-body">
                        Sri Lankan property owners, or persons legally authorized to represent a property,
                        may sign up if they wish to rent out a villa, house, apartment, annex, room,
                        bungalow, guesthouse, or similar property that may suit international guests.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqGeneralThree">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqGeneralCollapseThree"
                            aria-expanded="false"
                            aria-controls="faqGeneralCollapseThree">
                        Is signup free for rental owners?
                    </button>
                </h2>

                <div id="faqGeneralCollapseThree"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqGeneralThree"
                     data-bs-parent="#faqGeneralAccordion">
                    <div class="accordion-body">
                        Yes. Rental owners may sign up and create their account free of charge.
                        They may then submit property details through the dashboard, subject to approval
                        and listing permission within the platform.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqGeneralFour">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqGeneralCollapseFour"
                            aria-expanded="false"
                            aria-controls="faqGeneralCollapseFour">
                        What can I do from the Rental Owner Dashboard?
                    </button>
                </h2>

                <div id="faqGeneralCollapseFour"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqGeneralFour"
                     data-bs-parent="#faqGeneralAccordion">
                    <div class="accordion-body">
                        The dashboard allows you to manage your profile, create property listings,
                        view total and approved listings, track pending or active listings,
                        check interest requests from guests, and access your payment center
                        for services such as featured owner visibility.
                    </div>
                </div>
            </div>

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


<!-- =========================================================
     FAQ SECTION 2 - LISTINGS & PRICING
========================================================= -->
<section class="py-5 bg-white">
    <div class="container">

        <div class="faq-section-title text-center">
            <span class="section-mini-title">Section 2</span>
            <h2>Property Listings, Images, and Pricing</h2>
        </div>

        <div class="accordion faq-accordion" id="faqListingAccordion">

            <div class="accordion-item">
                <h2 class="accordion-header" id="faqListingOne">
                    <button class="accordion-button" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqListingCollapseOne"
                            aria-expanded="true"
                            aria-controls="faqListingCollapseOne">
                        What type of properties can I list?
                    </button>
                </h2>

                <div id="faqListingCollapseOne"
                     class="accordion-collapse collapse show"
                     aria-labelledby="faqListingOne"
                     data-bs-parent="#faqListingAccordion">
                    <div class="accordion-body">
                        You may list rooms, annexes, apartments, houses, villas, bungalows,
                        guesthouses, and other suitable properties that are clean, safe,
                        practically usable, and appropriate for international guests.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqListingTwo">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqListingCollapseTwo"
                            aria-expanded="false"
                            aria-controls="faqListingCollapseTwo">
                        Can I upload my own property images?
                    </button>
                </h2>

                <div id="faqListingCollapseTwo"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqListingTwo"
                     data-bs-parent="#faqListingAccordion">
                    <div class="accordion-body">
                        Yes. You may upload your own property images, but they must be real,
                        accurate, and must represent the actual listed property. Misleading,
                        copied, highly altered, or unrelated photos should not be uploaded.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqListingThree">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqListingCollapseThree"
                            aria-expanded="false"
                            aria-controls="faqListingCollapseThree">
                        Can I choose my own rental price?
                    </button>
                </h2>

                <div id="faqListingCollapseThree"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqListingThree"
                     data-bs-parent="#faqListingAccordion">
                    <div class="accordion-body">
                        Yes. Rental owners may set their own prices. However, Ensolanka strongly encourages
                        fair and globally competitive pricing. The Property Partner Playbook provides pricing
                        guidance to help owners avoid overpricing and improve the chances of securing long-stay
                        international guest interest.

                        <div class="faq-note-box">
                            International guests compare Sri Lanka with other affordable destinations.
                            Reasonable pricing can make your property more attractive and reduce vacancy risk.
                        </div>
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqListingFour">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqListingCollapseFour"
                            aria-expanded="false"
                            aria-controls="faqListingCollapseFour">
                        Can I list furnished and unfurnished properties?
                    </button>
                </h2>

                <div id="faqListingCollapseFour"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqListingFour"
                     data-bs-parent="#faqListingAccordion">
                    <div class="accordion-body">
                        Yes. You may list a property as furnished, partly furnished, or unfurnished,
                        provided the description is accurate. If the property is unfurnished,
                        the guest may later choose to purchase a furniture package through Ensolanka
                        to complete the home setup.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqListingFive">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqListingCollapseFive"
                            aria-expanded="false"
                            aria-controls="faqListingCollapseFive">
                        Will every property listing be approved?
                    </button>
                </h2>

                <div id="faqListingCollapseFive"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqListingFive"
                     data-bs-parent="#faqListingAccordion">
                    <div class="accordion-body">
                        Not necessarily. Ensolanka may review the owner account and listing content before approval.
                        Listings may remain pending, be approved, require correction, or be removed if they do not
                        meet trust, accuracy, quality, or suitability expectations.
                    </div>
                </div>
            </div>

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


<!-- =========================================================
     FAQ SECTION 3 - GUEST INTEREST & VERIFICATION
========================================================= -->
<section class="py-5 bg-light">
    <div class="container">

        <div class="faq-section-title text-center">
            <span class="section-mini-title">Section 3</span>
            <h2>Guest Interest, Property Selection, and Verification</h2>
        </div>

        <div class="accordion faq-accordion" id="faqGuestAccordion">

            <div class="accordion-item">
                <h2 class="accordion-header" id="faqGuestOne">
                    <button class="accordion-button" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqGuestCollapseOne"
                            aria-expanded="true"
                            aria-controls="faqGuestCollapseOne">
                        Who can view my rental property?
                    </button>
                </h2>

                <div id="faqGuestCollapseOne"
                     class="accordion-collapse collapse show"
                     aria-labelledby="faqGuestOne"
                     data-bs-parent="#faqGuestAccordion">
                    <div class="accordion-body">
                        Depending on listing visibility and platform rules, public visitors may see public rentals,
                        while registered and eligible guests in Ensolanka’s Live in Sri Lanka portal may be able to
                        view additional property details and express interest.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqGuestTwo">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqGuestCollapseTwo"
                            aria-expanded="false"
                            aria-controls="faqGuestCollapseTwo">
                        What does it mean when a guest expresses interest in my property?
                    </button>
                </h2>

                <div id="faqGuestCollapseTwo"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqGuestTwo"
                     data-bs-parent="#faqGuestAccordion">
                    <div class="accordion-body">
                        It means the guest has shortlisted or shown interest in your listing.
                        It does not yet mean the property is reserved, finalized, or guaranteed to be rented.
                        Interest requests are shown in your dashboard so you can monitor engagement.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqGuestThree">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqGuestCollapseThree"
                            aria-expanded="false"
                            aria-controls="faqGuestCollapseThree">
                        When does a guest select a property for verification?
                    </button>
                </h2>

                <div id="faqGuestCollapseThree"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqGuestThree"
                     data-bs-parent="#faqGuestAccordion">
                    <div class="accordion-body">
                        After the guest confirms their intention to visit or live in Sri Lanka,
                        they may select one preferred property from the properties they are interested in
                        and request Ensolanka to verify whether the listed details match the real property.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqGuestFour">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqGuestCollapseFour"
                            aria-expanded="false"
                            aria-controls="faqGuestCollapseFour">
                        Will Ensolanka inspect or check my property?
                    </button>
                </h2>

                <div id="faqGuestCollapseFour"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqGuestFour"
                     data-bs-parent="#faqGuestAccordion">
                    <div class="accordion-body">
                        Yes, where appropriate, Ensolanka may check, visit, inspect, verify,
                        or otherwise confirm that the listed property details are materially accurate.
                        Owners are expected to cooperate with this process.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqGuestFive">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqGuestCollapseFive"
                            aria-expanded="false"
                            aria-controls="faqGuestCollapseFive">
                        Is the rental finalized once Ensolanka verifies the property?
                    </button>
                </h2>

                <div id="faqGuestCollapseFive"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqGuestFive"
                     data-bs-parent="#faqGuestAccordion">
                    <div class="accordion-body">
                        No. Verification only confirms that the property broadly matches the listing.
                        The rental is not considered finalized until the guest is satisfied,
                        the applicable payments are completed, and the required rental arrangement
                        or written agreement is in place.

                        <div class="faq-blue-box">
                            If the guest is not satisfied after final review or direct inspection,
                            they may select another property before the arrangement is completed.
                        </div>
                    </div>
                </div>
            </div>

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


<!-- =========================================================
     FAQ SECTION 4 - FEATURED OWNER PROFILE
========================================================= -->
<section class="py-5 bg-white">
    <div class="container">

        <div class="faq-section-title text-center">
            <span class="section-mini-title">Section 4</span>
            <h2>Featured Rental Owner Profile</h2>
        </div>

        <div class="accordion faq-accordion" id="faqFeaturedAccordion">

            <div class="accordion-item">
                <h2 class="accordion-header" id="faqFeaturedOne">
                    <button class="accordion-button" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqFeaturedCollapseOne"
                            aria-expanded="true"
                            aria-controls="faqFeaturedCollapseOne">
                        What is a Featured Rental Owner Profile?
                    </button>
                </h2>

                <div id="faqFeaturedCollapseOne"
                     class="accordion-collapse collapse show"
                     aria-labelledby="faqFeaturedOne"
                     data-bs-parent="#faqFeaturedAccordion">
                    <div class="accordion-body">
                        A Featured Rental Owner Profile is a visibility enhancement option.
                        When your owner profile is featured, your linked property listings may receive
                        stronger visual emphasis, higher visibility, and priority positioning in relevant
                        listing displays.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqFeaturedTwo">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqFeaturedCollapseTwo"
                            aria-expanded="false"
                            aria-controls="faqFeaturedCollapseTwo">
                        How much does the featured profile option cost?
                    </button>
                </h2>

                <div id="faqFeaturedCollapseTwo"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqFeaturedTwo"
                     data-bs-parent="#faqFeaturedAccordion">
                    <div class="accordion-body">
                        The featured Rental Owner Profile fee is currently presented as USD 5,
                        payable through the rental owner payment center, unless Ensolanka updates
                        the platform fee in the future.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqFeaturedThree">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqFeaturedCollapseThree"
                            aria-expanded="false"
                            aria-controls="faqFeaturedCollapseThree">
                        Does featured status guarantee tenants or rental income?
                    </button>
                </h2>

                <div id="faqFeaturedCollapseThree"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqFeaturedThree"
                     data-bs-parent="#faqFeaturedAccordion">
                    <div class="accordion-body">
                        No. Featured status improves visibility, but it does not guarantee guest interest,
                        reservation, occupancy, or rental income. The quality, pricing, location,
                        suitability, and competitiveness of the property still matter.
                    </div>
                </div>
            </div>

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


<!-- =========================================================
     FAQ SECTION 5 - DEPOSITS & MONTHLY PAYMENTS
========================================================= -->
<section class="py-5 bg-light">
    <div class="container">

        <div class="faq-section-title text-center">
            <span class="section-mini-title">Section 5</span>
            <h2>Deposits, Monthly Rental Payments, and Service Charges</h2>
        </div>

        <div class="accordion faq-accordion" id="faqPaymentAccordion">

            <div class="accordion-item">
                <h2 class="accordion-header" id="faqPaymentOne">
                    <button class="accordion-button" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqPaymentCollapseOne"
                            aria-expanded="true"
                            aria-controls="faqPaymentCollapseOne">
                        What happens once a guest agrees to one property?
                    </button>
                </h2>

                <div id="faqPaymentCollapseOne"
                     class="accordion-collapse collapse show"
                     aria-labelledby="faqPaymentOne"
                     data-bs-parent="#faqPaymentAccordion">
                    <div class="accordion-body">
                        Once the guest agrees to proceed with a property, they will be directed to pay
                        the required three-month rental security deposit through the Ensolanka Payment Center,
                        unless a different arrangement is formally agreed.
                        After the necessary payment and transaction steps, Ensolanka will proceed with the
                        relevant owner-side coordination and written agreement process.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqPaymentTwo">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqPaymentCollapseTwo"
                            aria-expanded="false"
                            aria-controls="faqPaymentCollapseTwo">
                        Who receives the three-month refundable security deposit?
                    </button>
                </h2>

                <div id="faqPaymentCollapseTwo"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqPaymentTwo"
                     data-bs-parent="#faqPaymentAccordion">
                    <div class="accordion-body">
                        The guest pays the security deposit through Ensolanka’s Payment Center.
                        Ensolanka then coordinates payment or allocation of that deposit to the rental owner
                        according to the confirmed transaction and agreement process.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqPaymentThree">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqPaymentCollapseThree"
                            aria-expanded="false"
                            aria-controls="faqPaymentCollapseThree">
                        How are monthly rental payments handled?
                    </button>
                </h2>

                <div id="faqPaymentCollapseThree"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqPaymentThree"
                     data-bs-parent="#faqPaymentAccordion">
                    <div class="accordion-body">
                        The monthly rental becomes due for the guest through the payment center according to
                        the applicable rental cycle. As discussed in the platform process, it may be presented
                        as due on or before twenty-five days have elapsed from the beginning of the relevant rental period.
                        Once the payment is successfully received, Ensolanka handles the owner payout within the
                        applicable monthly payment cycle.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqPaymentFour">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqPaymentCollapseFour"
                            aria-expanded="false"
                            aria-controls="faqPaymentCollapseFour">
                        When does the Rental Owner receive the monthly rent?
                    </button>
                </h2>

                <div id="faqPaymentCollapseFour"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqPaymentFour"
                     data-bs-parent="#faqPaymentAccordion">
                    <div class="accordion-body">
                        After the guest completes the required monthly rental payment,
                        Ensolanka will process the Rental Owner’s eligible payout within the relevant payment cycle,
                        generally within thirty days from the first day of the applicable rental consumption period,
                        subject to payment clearance, applicable deductions, and unresolved disputes or transaction issues.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqPaymentFive">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqPaymentCollapseFive"
                            aria-expanded="false"
                            aria-controls="faqPaymentCollapseFive">
                        What service charge does Ensolanka deduct?
                    </button>
                </h2>

                <div id="faqPaymentCollapseFive"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqPaymentFive"
                     data-bs-parent="#faqPaymentAccordion">
                    <div class="accordion-body">
                        Ensolanka charges 10% of the monthly rental amount as a service charge
                        for coordination, mediation, payment handling, guest-owner communication,
                        and the management responsibility taken through the rental arrangement.

                        <div class="faq-note-box">
                            Example: If the monthly rent is USD 300, Ensolanka’s 10% service charge would be USD 30,
                            subject to the applicable transaction terms.
                        </div>
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqPaymentSix">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqPaymentCollapseSix"
                            aria-expanded="false"
                            aria-controls="faqPaymentCollapseSix">
                        How are legal and government charges handled?
                    </button>
                </h2>

                <div id="faqPaymentCollapseSix"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqPaymentSix"
                     data-bs-parent="#faqPaymentAccordion">
                    <div class="accordion-body">
                        For the rental agreement process, legal or government-related charges may be shared according
                        to the transaction arrangement. The current operating understanding is that the Rental Owner
                        contributes 50%, while the Ensolanka/Guest side contributes or bills the remaining 50% to the Guest,
                        subject to the property-specific agreement and final payment notice.
                    </div>
                </div>
            </div>

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


<!-- =========================================================
     FAQ SECTION 6 - FURNITURE PACKAGES
========================================================= -->
<section class="py-5 bg-white">
    <div class="container">

        <div class="faq-section-title text-center">
            <span class="section-mini-title">Section 6</span>
            <h2>Furniture Packages for Unfurnished Properties</h2>
        </div>

        <div class="accordion faq-accordion" id="faqFurnitureAccordion">

            <div class="accordion-item">
                <h2 class="accordion-header" id="faqFurnitureOne">
                    <button class="accordion-button" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqFurnitureCollapseOne"
                            aria-expanded="true"
                            aria-controls="faqFurnitureCollapseOne">
                        What happens if my property is unfurnished?
                    </button>
                </h2>

                <div id="faqFurnitureCollapseOne"
                     class="accordion-collapse collapse show"
                     aria-labelledby="faqFurnitureOne"
                     data-bs-parent="#faqFurnitureAccordion">
                    <div class="accordion-body">
                        You may still list it accurately as unfurnished. If a guest is interested in the property
                        but needs a furnished setup, the guest may choose to purchase or arrange an Ensolanka furniture
                        package to make the home suitable for their stay.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqFurnitureTwo">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqFurnitureCollapseTwo"
                            aria-expanded="false"
                            aria-controls="faqFurnitureCollapseTwo">
                        Should the rental price be lower for unfurnished properties?
                    </button>
                </h2>

                <div id="faqFurnitureCollapseTwo"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqFurnitureTwo"
                     data-bs-parent="#faqFurnitureAccordion">
                    <div class="accordion-body">
                        Ensolanka’s pricing guide encourages owners to consider furniture value when setting rent.
                        If a guest must separately obtain furniture, the unfurnished property’s base rental price should
                        generally remain fair and competitive compared with a fully furnished option.
                    </div>
                </div>
            </div>

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


<!-- =========================================================
     FAQ SECTION 7 - HANDOVER, CLOSURE & DEPOSIT SETTLEMENT
========================================================= -->
<section class="py-5 bg-light">
    <div class="container">

        <div class="faq-section-title text-center">
            <span class="section-mini-title">Section 7</span>
            <h2>Property Handover, Ending Rentals, and Deposit Settlement</h2>
        </div>

        <div class="accordion faq-accordion" id="faqClosureAccordion">

            <div class="accordion-item">
                <h2 class="accordion-header" id="faqClosureOne">
                    <button class="accordion-button" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqClosureCollapseOne"
                            aria-expanded="true"
                            aria-controls="faqClosureCollapseOne">
                        In what condition should I hand over the property?
                    </button>
                </h2>

                <div id="faqClosureCollapseOne"
                     class="accordion-collapse collapse show"
                     aria-labelledby="faqClosureOne"
                     data-bs-parent="#faqClosureAccordion">
                    <div class="accordion-body">
                        The rental owner should hand over the property in a clean, neat, safe,
                        and reasonably presentable condition. The condition should match what was agreed
                        and what was represented in the listing and verification process.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqClosureTwo">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqClosureCollapseTwo"
                            aria-expanded="false"
                            aria-controls="faqClosureCollapseTwo">
                        Will Ensolanka help return the property in good condition?
                    </button>
                </h2>

                <div id="faqClosureCollapseTwo"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqClosureTwo"
                     data-bs-parent="#faqClosureAccordion">
                    <div class="accordion-body">
                        Yes. Based on the process we have defined, Ensolanka takes responsibility for coordinating
                        the return of the property in a similarly clean and neat condition, subject to fair wear and tear,
                        documented damage, and any agreed closing settlement items.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqClosureThree">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqClosureCollapseThree"
                            aria-expanded="false"
                            aria-controls="faqClosureCollapseThree">
                        What happens when the guest wants to close the rental arrangement?
                    </button>
                </h2>

                <div id="faqClosureCollapseThree"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqClosureThree"
                     data-bs-parent="#faqClosureAccordion">
                    <div class="accordion-body">
                        When the guest notifies Ensolanka that they want to close the rental arrangement,
                        Ensolanka will promptly inform the rental owner and begin the settlement process.
                        This may include reviewing rental arrears, property condition, damage concerns,
                        utility or agreed charges, and the refundable deposit balance.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqClosureFour">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqClosureCollapseFour"
                            aria-expanded="false"
                            aria-controls="faqClosureCollapseFour">
                        Can damage or unpaid amounts be deducted from the refundable security deposit?
                    </button>
                </h2>

                <div id="faqClosureCollapseFour"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqClosureFour"
                     data-bs-parent="#faqClosureAccordion">
                    <div class="accordion-body">
                        Yes, where the amount is reasonably supported, properly reviewed, and agreed through
                        the settlement process. Deposit deductions may relate to valid arrears, agreed unpaid charges,
                        damage, loss, or repair amounts. Ensolanka acts as mediator to support a fair and documented outcome.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqClosureFive">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqClosureCollapseFive"
                            aria-expanded="false"
                            aria-controls="faqClosureCollapseFive">
                        Can a Rental Owner unfairly keep the full security deposit?
                    </button>
                </h2>

                <div id="faqClosureCollapseFive"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqClosureFive"
                     data-bs-parent="#faqClosureAccordion">
                    <div class="accordion-body">
                        No. The refundable deposit should be settled fairly. Any deductions should be linked to
                        valid unpaid amounts, actual damage, agreed charges, or documented settlement items.
                        Ensolanka will act as mediator in this process before closing the rental relationship.
                    </div>
                </div>
            </div>

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


<!-- =========================================================
     FAQ SECTION 8 - TRUST, RESPONSIBILITY & EXPECTATIONS
========================================================= -->
<section class="py-5 bg-white">
    <div class="container">

        <div class="faq-section-title text-center">
            <span class="section-mini-title">Section 8</span>
            <h2>Trust, Responsibilities, and Platform Expectations</h2>
        </div>

        <div class="accordion faq-accordion" id="faqTrustAccordion">

            <div class="accordion-item">
                <h2 class="accordion-header" id="faqTrustOne">
                    <button class="accordion-button" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqTrustCollapseOne"
                            aria-expanded="true"
                            aria-controls="faqTrustCollapseOne">
                        What is expected from Rental Owners?
                    </button>
                </h2>

                <div id="faqTrustCollapseOne"
                     class="accordion-collapse collapse show"
                     aria-labelledby="faqTrustOne"
                     data-bs-parent="#faqTrustAccordion">
                    <div class="accordion-body">
                        Rental Owners are expected to provide truthful information, keep listings accurate,
                        maintain clean and suitable properties, cooperate with Ensolanka’s review and mediation process,
                        avoid overpromising or misleading guests, and honor the agreed rental arrangement once finalized.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqTrustTwo">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqTrustCollapseTwo"
                            aria-expanded="false"
                            aria-controls="faqTrustCollapseTwo">
                        What role does Ensolanka play in the rental relationship?
                    </button>
                </h2>

                <div id="faqTrustCollapseTwo"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqTrustTwo"
                     data-bs-parent="#faqTrustAccordion">
                    <div class="accordion-body">
                        Ensolanka acts as a structured mediator, coordinator, and payment-handling party.
                        This may include connecting guests and owners, verifying property details, coordinating
                        agreement steps, collecting payments through the payment center, transferring eligible owner payouts,
                        and supporting closure and deposit settlement.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqTrustThree">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqTrustCollapseThree"
                            aria-expanded="false"
                            aria-controls="faqTrustCollapseThree">
                        Does Ensolanka guarantee that my property will be rented?
                    </button>
                </h2>

                <div id="faqTrustCollapseThree"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqTrustThree"
                     data-bs-parent="#faqTrustAccordion">
                    <div class="accordion-body">
                        No. Ensolanka improves the process and visibility, but cannot guarantee interest,
                        selection, occupancy, or income. Property quality, price, location, presentation,
                        and market conditions all influence guest decisions.
                    </div>
                </div>
            </div>


            <div class="accordion-item">
                <h2 class="accordion-header" id="faqTrustFour">
                    <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faqTrustCollapseFour"
                            aria-expanded="false"
                            aria-controls="faqTrustCollapseFour">
                        Can my account or listing be suspended or removed?
                    </button>
                </h2>

                <div id="faqTrustCollapseFour"
                     class="accordion-collapse collapse"
                     aria-labelledby="faqTrustFour"
                     data-bs-parent="#faqTrustAccordion">
                    <div class="accordion-body">
                        Yes. Ensolanka may review, suspend, hide, reject, or remove accounts and listings
                        that appear false, incomplete, misleading, abusive, or inconsistent with platform trust
                        and operational standards.
                    </div>
                </div>
            </div>

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


<!-- =========================================================
     FINAL CTA
========================================================= -->
<section class="py-5 bg-light">
    <div class="container">
        <div class="faq-final-cta text-center text-white">

            <h2 class="fw-bold mb-3">
                Ready to Start as a Property Partner?
            </h2>

            <p class="lead mb-4">
                Create your rental owner account, list your property, and become part of a trusted
                rental pathway connecting Sri Lankan properties with international guests.
            </p>

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

                {% if request.user.is_authenticated and request.user.rental_owner_profile %}
                    <a href="{% url 'rental_app:rental_owner_dashboard' %}"
                       class="btn btn-warning btn-lg px-4">
                        My Owner Dashboard
                    </a>

                    <a href="{% url 'rental_app:rental_listing_create' %}"
                       class="btn btn-light btn-lg px-4">
                        Add New Property
                    </a>
                {% else %}
                    <a href="{% url 'rental_app:rental_owner_signup' %}"
                       class="btn btn-warning btn-lg px-4">
                        Become a Property Partner
                    </a>

                    <a href="{% url 'rental_app:rental_owner_login' %}"
                       class="btn btn-light btn-lg px-4">
                        Owner Sign In
                    </a>
                {% endif %}

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

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

{% endblock %}