00




<script src="https://mahboobha.com/assets/global/js/frontend_leaflet.js"></script>
    <script src="https://mahboobha.com/assets/global/js/frontendControl.FullScreen.js"></script>
    <script src="https://mahboobha.com/assets/global/js/swiper-bundle.min.js"></script>
    
    
    
    
    
    
    <script>
        $(document).ready(function () {

            // جستجو بین شهرها داخل مودال
            $('#citySearchInput').on('input', function () {
                const q = $(this).val().trim().toLowerCase();

                $('#cityList .city-item-btn').each(function () {
                    const cityName = $(this).data('city-name').toString().toLowerCase();

                    if (cityName.indexOf(q) !== -1) {
                        $(this).closest('.col-6, .col-md-4').show();
                    } else {
                        $(this).closest('.col-6, .col-md-4').hide();
                    }
                });
            });

            // انتخاب شهر
            $('#cityList').on('click', '.city-item-btn', function () {

                const cityId = $(this).data('city-id');
                const cityName = $(this).data('city-name');

                // هایلایت
                $('#cityList .city-item-btn').removeClass('active-city');
                $(this).addClass('active-city');

                // آپدیت فیلدهای مخفی
                $('#user_select_location_model').val(cityId).attr('data-cityname', cityName);

                // آپدیت نمایش در باکس سرچ
                $('#selectedCityNameSpan').text(cityName);

                // موبایل
                $('#openModalBtn_m span').text(cityName);

                // بستن مودال
                bootstrap.Modal.getInstance(document.getElementById('cityModal')).hide();
            });

        });


        $(document).ready(function () {
            $('.tag-desc-listing-card-new-data table').addClass('table table-hover table-border table-tag-descc');
        });
    </script>
    <script> const buttonContainer = document.getElementById("buttonContainer");

        function scrollButtons(distance) {
            buttonContainer.scrollBy({left: distance, behavior: "smooth"});
        }

        let isDown = false;
        let startX;
        let scrollLeft;
        buttonContainer.addEventListener("mousedown", (e) => {
            isDown = true;
            startX = e.pageX - buttonContainer.offsetLeft;
            scrollLeft = buttonContainer.scrollLeft;
        });
        buttonContainer.addEventListener("mouseleave", () => {
            isDown = false;
        });
        buttonContainer.addEventListener("mouseup", () => {
            isDown = false;
        });
        buttonContainer.addEventListener("mousemove", (e) => {
            if (!isDown) return;
            e.preventDefault();
            const x = e.pageX - buttonContainer.offsetLeft;
            const walk = (x - startX) * 2;
            buttonContainer.scrollLeft = scrollLeft - walk;
        });
        buttonContainer.addEventListener("touchstart", (e) => {
            startX = e.touches[0].pageX - buttonContainer.offsetLeft;
            scrollLeft = buttonContainer.scrollLeft;
        });
        buttonContainer.addEventListener("touchmove", (e) => {
            const x = e.touches[0].pageX - buttonContainer.offsetLeft;
            const walk = (x - startX) * 2;
            buttonContainer.scrollLeft = scrollLeft - walk;
        }); </script>



    <script>
        document.getElementById('searchForm').addEventListener('submit', function (event) {
            let isValid = true;

            // Validate username
            const username = document.getElementById('user_select_location_model').value.trim();
            // console.log(username)
            if (!username) {
                isValid = false;
            }

            // Prevent form submission if validation fails
            if (!isValid) {
                event.preventDefault();
                document.getElementById('modalMessage').innerHTML = 'لطفا یک شهر را انتخاب کنید';
                const modal = new bootstrap.Modal(document.getElementById('errorModal'));
                modal.show();
            }
        });
    </script>
    <script>
        // تنظیمات Swiper
        const swiper = new Swiper('.mySwiper', {
            slidesPerView: 2.2, // پیش‌فرض: یک اسلاید در هر ردیف
            spaceBetween: 10,
            loop: true,
            autoplay: {
                delay: 5000, // هر 5 ثانیه اسلاید بعدی
                disableOnInteraction: false, // حرکت خودکار پس از تعامل کاربر ادامه یابد
            },
            breakpoints: {
                768: {
                    slidesPerView: 3.3, // در دستگاه‌های بزرگ‌تر، سه اسلاید در هر ردیف
                },
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            // فعال کردن Drag & Drop
            grabCursor: true,
            draggable: true,
        });
    </script>

    <script>
        'use strict'
        $(document).ready(function () {
            const openModalBtn = document.getElementById('openModalBtn');
            const hiddenInput = document.getElementById('user_select_location_model');
            const cityButtons = document.querySelectorAll('.list-group-item');
            const modalElement = document.getElementById('cityModal');
            const modalElementerror = document.getElementById('errorModal');

            const modalInstance = new bootstrap.Modal(modalElement);
            const modalInstanceError = new bootstrap.Modal(modalElementerror);
            const modalerror = bootstrap.Modal.getInstance(document.getElementById('errorModal'));

            cityButtons.forEach(button => {
                button.addEventListener('click', (event) => {
                    console.log(cityButtons)
                    const selectedCity = event.target.getAttribute('data-city');
                    const selectedCityName = event.target.getAttribute('data-cityname');
                    openModalBtn.textContent = selectedCityName; // Update the button text
                    hidden
<!DOCTYPE html>
<html class="no-js" lang="fa-IR" dir="rtl">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-RV7WML9LBN"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-RV7WML9LBN');
    </script>

    <meta charset="utf-8"/>
    <meta name="csrf-token" content="">

    <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="icon" href="https://mahboobha.com/assets/global/images/favicon.jpg">

    <title>بهترین خرید شیرینی آنلاین در جنوب تهران | </title>
        
        <!-- تگ canonical برای صفحه اول -->
                    <link rel="canonical" href="https://mahboobha.com/s/خرید-شیرینی-آنلاین/تهران/جنوب-تهران">
        
        <!-- تگ next و prev برای صفحات paginated -->
        
        
                    <meta name="robots" content="noindex, follow">
                <meta name="description"
              content="دنبال بهترین خرید شیرینی آنلاین در جنوب تهران هستید؟ مقایسه خرید شیرینی آنلاین،  به همراه آدرس، شماره تلفن و نظرات مردم در محبوب ها">
    

    <link rel="stylesheet" href="https://mahboobha.com/assets/themes/masiir/css/bootstrap5.min.css"/>

    <link rel="stylesheet" href="https://mahboobha.com/assets/global/css/fontawesome/all.css"/>

    <link rel="stylesheet" href="https://mahboobha.com/assets/themes/masiir/css/owl.carousel.min.css"/>

    <link rel="stylesheet" defer async href="https://mahboobha.com/assets/themes/masiir/css/leaflet.css"/>

    <link rel="stylesheet" href="https://mahboobha.com/assets/themes/masiir/css/style.css?v=1.2.4"/>

    <link rel="stylesheet" href="https://mahboobha.com/assets/global.css?v=1.3.2"/>

    <link rel="stylesheet" href="https://mahboobha.com/assets/global/css/btnstyle.css"/>
    <link rel="stylesheet" href="https://mahboobha.com/assets/fonts.css"/>
    <link rel="stylesheet" href="https://mahboobha.com/assets/themes/masiir/css/search-header-new.css?v=1.2.3"/>

    <script src="https://mahboobha.com/assets/global/js/jquery.min.js"></script>
    <script src="https://mahboobha.com/assets/themes/masiir/js/bootstrap.bundle.min.js"></script>


        <!----  Push your custom css  ----->
        <link rel="stylesheet" href="https://mahboobha.com/assets/global/css/frontend_leaflet.css"/>
    <link rel="stylesheet" href="https://mahboobha.com/assets/global/css/frontendControl.FullScreen.css"/>
    
    <link rel="stylesheet" href="https://mahboobha.com/assets/global/css/swiper-bundle.min.css"/>
    <link rel="stylesheet" href="https://mahboobha.com/assets/themes/masiir/css/listings/listings-page.css"/>
    <link rel="stylesheet" href="https://mahboobha.com/assets/themes/masiir/css/listings/listing-loop.css"/>

    <script src="https://mahboobha.com/assets/themes/masiir/js/swiper-bundle.min.js"></script>
    <meta name="csrf-token" content="">
    <style>
        /* ============================
       Listing FAQ (Mahboobha Style)
       مستقل و قابل استفاده در صفحه لیستینگ
       ============================ */
        /* Nearby card (Mahboobha) */
        .mh-nearby-card {
            border: 1px solid var(--color-border);
            border-radius: 16px;
            background: var(--color-bg-white);
            box-shadow: 0 10px 24px var(--color-shadow-soft);
            overflow: hidden;
        }

        .mh-nearby-header {
            padding: 14px 14px 10px;
            background: radial-gradient(600px 180px at 10% 0%, rgba(31, 94, 145, .12), transparent 60%),
            radial-gradient(500px 220px at 90% 30%, rgba(201, 162, 77, .12), transparent 60%),
            linear-gradient(180deg, var(--color-bg-white), var(--color-bg-section));
            border-bottom: 1px solid var(--color-border);
        }

        .mh-nearby-title {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .mh-nearby-title h4 {
            font-size: 1.05rem;
            color: var(--color-text-heading);
            font-weight: 800;
        }

        .mh-nearby-badge {
            font-size: .78rem;
            padding: 6px 10px;
            border-radius: 999px;
            background: var(--color-tag-category-bg);
            color: var(--color-tag-category-text);
            border: 1px solid rgba(14, 42, 71, .08);
            white-space: nowrap;
        }

        .mh-nearby-sub {
            margin-top: 8px;
            font-size: .9rem;
            color: var(--color-text-muted);
        }

        .mh-nearby-body {
            padding: 12px 14px 14px;
        }

        /* chip grid */
        .mh-chip-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 8px;
        }

        @media (min-width: 576px) {
            .mh-chip-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        .mh-chip {
            display: flex;
            align-items: center;
            gap: 10px;
            text-decoration: none;
            padding: 10px 12px;
            border-radius: 12px;
            border: 1px solid rgba(14, 42, 71, .10);
            background: linear-gradient(180deg, #fff, var(--color-bg-main));
            color: var(--color-link-default);
            transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
        }

        .mh-chip i {
            color: var(--color-btn-primary);
            opacity: .9;
        }

        .mh-chip span {
            font-size: .95rem;
            font-weight: 700;
            color: var(--color-text-body);
            line-height: 1.35;
        }

        .mh-chip:hover {
            transform: translateY(-1px);
            box-shadow: 0 10px 22px var(--color-shadow-hover);
            border-color: rgba(31, 94, 145, .28);
        }

        .mh-more-btn {
            width: 100%;
            border-radius: 12px;
            border: 1px dashed rgba(14, 42, 71, .22);
            background: var(--color-bg-section);
            color: var(--color-link-default);
            font-weight: 800;
            padding: 10px 12px;
        }


        .image-container:hover img {
            transform: scale(1.05);
        }

        .image-container:hover .image-overlay {
            opacity: 0.1;
        }


        /* =========================
             Directory: Table + Article (Images only in Article)
             ========================= */

        .mh-dir-wrap {
            border: 1px solid rgba(206, 214, 223, .9);
            border-radius: 18px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 10px 26px rgba(14, 42, 71, .08);
        }

        .mh-dir-head {
            background: radial-gradient(700px 260px at 85% 0%, rgba(201, 162, 77, .18), transparent 55%),
            radial-gradient(700px 260px at 10% 100%, rgba(31, 94, 145, .14), transparent 55%),
            linear-gradient(180deg, #fff, #fbfdff);
            border-bottom: 1px solid rgba(206, 214, 223, .7);
            padding: 14px 16px;
        }

        .mh-dir-title {
            font-weight: 900;
            margin: 0;
            font-size: .98rem;
            color: #0E2A47;
        }

        .mh-dir-sub {
            margin: 4px 0 0 0;
            font-size: .82rem;
            color: #5b6573;
        }

        .mh-dir-count {
            border: 1px solid rgba(206, 214, 223, .9);
            background: rgba(247, 249, 252, .92);
            color: #111827;
            border-radius: 999px;
            padding: 6px 10px;
            font-weight: 800;
            font-size: .82rem;
            white-space: nowrap;
        }

        /* ---- Table ---- */
        .mh-dir-table {
            margin: 0;
        }

        .mh-dir-table thead th {
            background: rgba(234, 241, 247, .8);
            color: #0E2A47;
            border-bottom: 1px solid rgba(206, 214, 223, .75) !important;
            font-weight: 900;
            font-size: .86rem;
            padding: 12px 10px;
            white-space: nowrap;
        }

        .mh-dir-table td, .mh-dir-table th {
            border-color: rgba(206, 214, 223, .55);
            padding: 10px 10px;
            vertical-align: middle;
        }

        .mh-dir-table tbody tr:hover {
            background: rgba(217, 226, 236, .45);
        }

        .mh-dir-vip {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 3px 10px;
            border-radius: 999px;
            font-size: .74rem;
            font-weight: 900;
            background: rgba(201, 162, 77, .14);
            border: 1px solid rgba(201, 162, 77, .35);
            color: #6b4d00;
            margin-inline-start: 8px;
            white-space: nowrap;
        }

        .mh-chip {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 10px;
            border-radius: 999px;
            border: 1px solid rgba(206, 214, 223, .85);
            background: #fff;
            color: #1F5E91;
            text-decoration: none;
            font-weight: 900;
            font-size: .82rem;
            transition: background-color .14s ease, transform .14s ease, box-shadow .14s ease;
            white-space: nowrap;
        }

        .mh-chip:hover {
            background: rgba(234, 241, 247, .75);
            transform: translateY(-1px);
            box-shadow: 0 10px 18px rgba(14, 42, 71, .08);
            color: #0E2A47;
            text-decoration: none;
        }

        .mh-loc-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 10px;
            border-radius: 999px;
            font-size: .78rem;
            /*background: rgba(237, 244, 238, .95);*/
            /*border: 1px solid rgba(79, 127, 98, .25);*/
            color: #214B3A;
            /*max-width: 260px;*/
        }

        .mh-loc-badge span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            max-width: 310px;
        }

        /* ---- Article section ---- */
        .mh-article {
            border-top: 1px solid rgba(206, 214, 223, .7);
            padding: 14px 16px 8px;
            background: linear-gradient(180deg, #ffffff, #fbfdff);
        }

        .mh-article-item {
            padding: 14px 0;
            border-bottom: 1px dashed rgba(206, 214, 223, .85);
        }

        .mh-article-item:last-child {
            border-bottom: 0;
        }

        .mh-article-h {
            margin: 0;
            font-weight: 950;
            color: #0E2A47;
            font-size: 1rem;
            line-height: 1.7;
        }

        .mh-article-meta {
            margin-top: 6px;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
            color: #5b6573;
            font-size: .82rem;
        }

        .mh-article-actions {
            margin-top: 10px;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }

        /* ---- Article images: compact premium grid ---- */
        .mh-article-media {
            margin-top: 10px;
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 8px;
            max-width: 520px; /* prevents huge spread on wide screens */
        }

        .mh-a-thumb {
            position: relative;
            aspect-ratio: 4 / 3;
            border-radius: 14px;
            overflow: hidden;
            border: 1px solid rgba(206, 214, 223, .8);
            background: rgba(247, 249, 252, .9);
            box-shadow: 0 10px 18px rgba(14, 42, 71, .06);
            transform: translateY(0);
            transition: transform .16s ease, box-shadow .16s ease;
        }

        .mh-a-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform .18s ease;
        }

        .mh-a-thumb:hover {
            transform: translateY(-2px);
            box-shadow: 0 14px 26px rgba(14, 42, 71, .10);
        }

        .mh-a-thumb:hover img {
            transform: scale(1.05);
        }

        /* +N overlay for remaining images */
        .mh-a-more {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(14, 42, 71, .55);
            color: #fff;
            font-weight: 950;
            font-size: .95rem;
            letter-spacing: .5px;
            backdrop-filter: blur(2px);
        }

        .mh-article-text {
            margin-top: 10px;
            color: #111827;
            font-size: .88rem;
            line-height: 1.95;
            text-align: justify;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .mh-article-media {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                max-width: 100%;
            }
        }

        @media (max-width: 420px) {
            .mh-dir-head {
                padding: 12px 12px;
            }

            .mh-article {
                padding: 12px 12px 6px;
            }

            .mh-article-media {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 6px;
            }
        }


        /* =========================
     Read more (CSS only)
     ========================= */

        .mh-readmore {
            border-top: 1px solid rgba(206, 214, 223, .7);
            background: linear-gradient(180deg, #ffffff, #fbfdff);
        }

        /* مخفی کردن چک باکس */
        .mh-readmore-toggle {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }

        /* محتوای مقاله ای که جمع می شود */
        .mh-readmore-content {
            padding: 14px 16px 8px;
            max-height: 620px; /* مقدار پیشفرض نمایش */
            overflow: hidden;
            position: relative;
        }

        /* سایه ی انتهای متن برای حس ادامه داشتن */
        .mh-readmore-content::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 90px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
            pointer-events: none;
        }

        /* دکمه نمایش بیشتر */
        .mh-readmore-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: 100%;
            border: 0;
            background: #fff;
            border-top: 1px solid rgba(206, 214, 223, .7);
            padding: 12px 14px;
            font-weight: 950;
            color: #0E2A47;
            cursor: pointer;
            user-select: none;
        }

        .mh-readmore-btn .mh-hint {
            font-weight: 800;
            font-size: .82rem;
            color: #5b6573;
        }

        .mh-readmore-btn .mh-icon {
            width: 34px;
            height: 34px;
            border-radius: 10px;
            border: 1px solid rgba(206, 214, 223, .9);
            background: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: transform .2s ease;
            flex: 0 0 auto;
        }

        /* وقتی باز شد */
        .mh-readmore-toggle:checked ~ .mh-readmore-content {
            max-height: none;
            overflow: visible;
        }

        .mh-readmore-toggle:checked ~ .mh-readmore-content::after {
            display: none;
        }

        .mh-readmore-toggle:checked ~ .mh-readmore-btn .mh-icon {
            transform: rotate(180deg);
        }

        /* متن دکمه در حالت باز/بسته */
        .mh-readmore-btn .mh-more {
            display: inline;
        }

        .mh-readmore-btn .mh-less {
            display: none;
        }

        .mh-readmore-toggle:checked ~ .mh-readmore-btn .mh-more {
            display: none;
        }

        .mh-readmore-toggle:checked ~ .mh-readmore-btn .mh-less {
            display: inline;
        }

        @media (max-width: 576px) {
            .mh-readmore-content {
                padding: 12px 12px 6px;
                max-height: 480px;
            }
        }

        .listing-card__context {
            margin-top: 4px;
            font-size: 12px;
            line-height: 1.4;
            color: var(--color-text-muted);
            display: inline-flex;
            gap: 6px;
            align-items: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
        }

        .mh-article-meta {
            display: flex; /* به جای inline-flex */
            align-items: center; /* تراز عمودی واقعی */
            gap: 6px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 13px;
            line-height: 1.6; /* مهم برای فارسی */
            direction: rtl;
        }

        .mh-article-meta__icon {
            flex: 0 0 auto;
            font-size: 14px; /* کمی نزدیک به متن */
            line-height: 1; /* baseline را خنثی می کند */
            position: relative;
            top: 1px; /* تنظیم میلی متری برای موبایل */
            color: #7a0e0e;
        }

        .mh-article-meta__text {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }


    </style>

</head>
<body class="rtl">
<div class="container container-mahboob p-0" style=" position:relative ">
    <div class="topbar-mahboobha ">
    <div class="container container-mahboob p-0 search-box-c">

        <div class="topbar-header d-flex align-items-center justify-content-between px-2 py-2">

            
            <div class="topbar-logo d-flex align-items-center">
                <a href="https://mahboobha.com">
                    <img src="/assets/global/images/mahboobha-logo.jpg"
                         class="rounded-circle"
                         alt="محبوب ها - معرفی کسب و کارهای برتر"
                         width="30" height="30">
                </a>
            </div>

            
            <div class="topbar-title text-center flex-grow-1 px-2">

                <a href="https://mahboobha.com">
                    <span class="text-center p-0 my-0 ma-text">محبوب ها - معرفی کسب و کارهای برتر</span>
                </a>


            </div>

            
            <div class="topbar-menu text-end">
                <button class="btn btn-link p-1" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="fa fa-bars fs-5"></i>
                </button>
                <ul class="dropdown-menu dropdown-menu-end menu-listing" style="min-width:10rem;z-index:99999999999;">
                    <li><a href="https://mahboobha.com" class="dropdown-item">صفحه اصلی</a></li>
                    <li><a href="https://mahboobha.com/panel/listing/base" class="dropdown-item">پنل کاربری</a></li>
                    
                    <li><a href="https://mahboobha.com/landing" class="dropdown-item">راهنمای ثبت آگهی</a></li>
                    <li><a href="https://mahboobha.com/about" class="dropdown-item">درباره ما</a></li>
                    <li><a href="https://mahboobha.com/contact" class="dropdown-item">تماس با ما</a></li>
                    <li><a href="https://mahboobha.com/privacyPolicy" class="dropdown-item">قوانین مقررات</a></li>
                    <li>
                        <hr class="dropdown-divider">
                    </li>
                                                                <li class="auth-listing">
                            <a href="https://mahboobha.com/login" class="dropdown-item" data-bs-toggle="modal" data-bs-target="#loginModal">
                                <span>ورود</span>
                            </a>
                        </li>
                                        
                    
                    
                    
                    
                    
                </ul>
            </div>
        </div>
        
        <div class="search-wrapper-c px-2 pb-2">
            <div class="search-box-c">

                <form action="https://mahboobha.com/s" method="get" id="searchFormNew">

                    
                    
                    <div class="d-none d-md-flex flex-row-reverse align-items-end gap-1">

                        
                        <div>
                            <label class="search-label-c d-block">&nbsp;</label>
                            <button class="btn search-btn-c" type="button" id="search_button">
                                <i class="fa fa-search"></i>
                            </button>
                        </div>

                        
                        <div class="flex-fill position-relative">
                            <input type="text"
                                   class="form-control search-input-c search-field-mahale"
                                   autocomplete="off"
                                   placeholder="کجا">
                            <ul class="suggestions-list-c mahale-suggestions"></ul>
                        </div>

                        
                        <div class="flex-fill position-relative">
                            <input type="text"
                                   class="form-control search-input-c search-field-tags"
                                   autocomplete="off"
                                   placeholder="چه کسب و کاری">
                            <ul class="suggestions-list-c tag-suggestions"></ul>
                        </div>

                        
                        <div style="min-width: 90px;">
                            <button type="button"
                                    id="openModalBtn"
                                    class="btn city-btn-c w-100"
                                    data-bs-toggle="modal"
                                    data-bs-target="#cityModall">
                                <i class="fa fa-map-marker-alt"></i>
                                <span id="selectedCityNameSpan">
                تهران
            </span>
                            </button>
                        </div>

                    </div>


                    
                    <div class="d-flex d-md-none flex-column gap-2">

                        
                        <div class="mobile-advanced-search">
                            <div class="d-flex flex-row gap-2">
                                <div class="flex-fill position-relative">
                                    <button type="button"
                                            id="openModalBtn_m"
                                            class="btn city-btn-c w-100"
                                            data-bs-toggle="modal"
                                            data-bs-target="#cityModall">
                                        <i class="fa fa-map-marker-alt"></i>
                                        <span>
                                                تهران
                                            </span>
                                    </button>
                                </div>
                                <div class="flex-fill position-relative">
                                    <input type="text"
                                           class="form-control search-input-c search-field-tags"
                                           autocomplete="off"
                                           placeholder="چه کسب و کاری">
                                    <ul class="suggestions-list-c tag-suggestions" style="left: -100%"></ul>
                                </div>

                                <div class="flex-fill position-relative">
                                    <input type="text"
                                           class="form-control search-input-c search-field-mahale"
                                           autocomplete="off"
                                           placeholder="کجا">
                                    <ul class="suggestions-list-c mahale-suggestions" style="right: -100%"></ul>
                                </div>

                            </div>
                        </div>

                        
                        <div class="d-flexx flex-row gap-2">
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            

                            <div style="min-width: 80px;">
                                <button class="btn search-btn-c w-100" type="button" id="search_button_m">
                                    جستجو کنید
                                    <i class="fa fa-search mx-2"></i>

                                </button>
                            </div>
                        </div>
                    </div>


                    
                    <input type="hidden"
                           value="1"
                           id="user_select_location_model"
                           data-cityname="تهران">

                    <input type="hidden" id="selected_tag_slug">
                    <input type="hidden" id="selected_mahale_slug">
                </form>

            </div>
        </div>

    </div>


</div>

<script>
    $(document).ready(function () {
        function runSearch() {
            if (typeof window.doSearch === 'function') {
                window.doSearch(); // همین doSearch اصلی که تو اسکریپت دوم ساختی
            } else {
                $('#searchFormNew')[0].submit();
            }
        }

        $('#search_button_m').on('click', function () {
            const $advanced = $('.mobile-advanced-search');

            if (!$advanced.is(':visible')) {
                // بار اول روی موبایل → فقط فیلدهای پیشرفته را باز کن
                $advanced.stop(true, true).slideDown(200);
            } else {
                // بار دوم به بعد → سرچ را اجرا کن و بعد جمعش کن
                runSearch();
                $advanced.stop(true, true).slideUp(200);
            }
        });
    });
</script>

<script>
    // اگر جایی debounce نداری، همین رو استفاده کن
    function debounce(fn, delay) {
        let timer = null;
        return function () {
            const context = this, args = arguments;
            clearTimeout(timer);
            timer = setTimeout(function () {
                fn.apply(context, args);
            }, delay);
        };
    }

    function slugToText(slug) {
        if (!slug) return "";
        return slug.replace(/-/g, ' ');
    }

    $(document).ready(function () {

        let selectedTagSlug = "\u062e\u0631\u06cc\u062f-\u0634\u06cc\u0631\u06cc\u0646\u06cc-\u0622\u0646\u0644\u0627\u06cc\u0646";
        let selectedMahaleSlug = "\u062c\u0646\u0648\u0628-\u062a\u0647\u0631\u0627\u0646";

        if (selectedTagSlug) {
            $('.search-field-tags').val(slugToText(selectedTagSlug));   // برای نمایش، روی همه‌ی inputهای برچسب (دسکتاپ+موبایل)
            $('#selected_tag_slug').val(selectedTagSlug);               // hidden برای URL
        }

        if (selectedMahaleSlug) {
            $('.search-field-mahale').val(slugToText(selectedMahaleSlug));
            $('#selected_mahale_slug').val(selectedMahaleSlug);
        }

        // === AUTOCOMPLETE برچسب ===
        const tagHandler = debounce(function () {
            const $input = $(this);                       // این همون input فعلیه (موبایل یا دسکتاپ)
            const query = $input.val().trim();

            selectedTagSlug = null;
            const $list = $input.siblings('.tag-suggestions'); // UL کنار همین input

            if (query.length < 2) {
                $list.empty();
                return;
            }

            $.ajax({
                url: "https://mahboobha.com/ajax/autocomplete_Tag_Search",
                type: "GET",
                data: {query: query},
                success: function (response) {
                    $list.empty();
                    if (!response || !response.length) return;

                    const cityInput = document.getElementById('user_select_location_model');
                    const selectedCityName = cityInput.getAttribute('data-cityname') || 'شهر انتخابی';

                    response.forEach(function (tag) {
                        const itemHtml = `
                    <li class="suggestion-item" data-slug="${tag.tag_slug}">
                        <div class="suggestion-icon">
                            <i class="fa fa-search"></i>
                        </div>
                        <div style="flex:1">
                            <div class="suggestion-title">${tag.name}</div>
                        </div>
                        <div class="suggestion-badge">در ${selectedCityName}</div>
                    </li>
                `;
                        $list.append(itemHtml);
                    });
                }
            });
        }, 300);

// برای همه ورودی‌های برچسب (دسکتاپ + موبایل)
        $(document).on('input', '.search-field-tags', tagHandler);


        $('#search_field_tags').on('input', tagHandler);

        $(document).on('click', '.tag-suggestions .suggestion-item', function () {
            const $item = $(this);
            const slug = $item.data('slug');
            const text = $item.find('.suggestion-title').text().trim();

            selectedTagSlug = slug;

            $('#selected_tag_slug').val(slug);

            // input مربوط به همین لیست
            const $input = $item.closest('.position-relative').find('.search-field-tags');
            $input.val(text);

            // لیست همین بخش رو خالی کن
            $item.closest('.tag-suggestions').empty();

            // فوکوس بره روی محله (همون ستون کناری)
            const $mahaleInput = $item.closest('.mobile-advanced-search').length
                ? $item.closest('.mobile-advanced-search').find('.search-field-mahale').first()
                : $('.search-field-mahale').first();

            $mahaleInput.focus();
        });


        // === AUTOCOMPLETE محله ===
        const mahaleHandler = debounce(function () {
            const $input = $(this);
            const query = $input.val().trim();
            selectedMahaleSlug = null;

            const $list = $input.siblings('.mahale-suggestions');

            if (query.length < 1) {
                $list.empty();
                return;
            }

            const cityId = $('#user_select_location_model').val();

            $.ajax({
                url: "https://mahboobha.com/ajax/autocomplete_mahale_Search",
                type: "GET",
                data: {
                    query: query,
                    city_id: cityId
                },
                success: function (response) {
                    $list.empty();
                    if (!response || !response.length) return;

                    response.forEach(function (mahale) {
                        const itemHtml = `
                    <li class="suggestion-item" data-slug="${mahale.mahale_name}">
                        <div class="suggestion-icon">
                            <i class="fa fa-map-marker-alt"></i>
                        </div>
                        <div style="flex:1">
                            <div class="suggestion-title">${mahale.mahale_name}</div>
                        </div>
                        <div class="suggestion-badge">محله در ${$('#selectedCityNameSpan').text()}</div>
                    </li>
                `;
                        $list.append(itemHtml);
                    });
                }
            });
        }, 300);

        $(document).on('input', '.search-field-mahale', mahaleHandler);

        $(document).on('click', '.mahale-suggestions .suggestion-item', function () {
            const $item = $(this);
            const slug = $item.data('slug');
            const text = $item.find('.suggestion-title').text().trim();

            selectedMahaleSlug = slug;
            $('#selected_mahale_slug').val(slug);

            const $input = $item.closest('.position-relative').find('.search-field-mahale');
            $input.val(text);

            $item.closest('.mahale-suggestions').empty();

            if (selectedTagSlug) {
                doSearch();
            }
        });


        // کلیک بیرون، بستن لیست‌ها
        $(document).on('click', function (e) {
            const $wrap = $('.search-wrapper-c');
            if (!$wrap.is(e.target) && $wrap.has(e.target).length === 0) {
                $('.tag-suggestions').empty();
                $('.mahale-suggestions').empty();
            }
        });

        // منطق جستجو: فقط زمانی که برچسب و محله انتخاب شدند، فرم ارسال می‌شود.
        function doSearch() {
            // 1) برچسب حتماً باید انتخاب شده باشد (از suggestion، نه فقط تایپ)
            if (!selectedTagSlug) {
                alert('لطفاً برچسب را از لیست پیشنهادی انتخاب کنید.');
                $('.search-field-tags:visible').first().focus();
                return;
            }

            // 2) شهر انتخابی از hidden (سشن)
            const cityInput = document.getElementById('user_select_location_model');
            const selectedCityName = cityInput.getAttribute('data-cityname') || '';

            // 3) بیس URL از خود روت
            let baseUrl = "https://mahboobha.com/s"; // خروجی: /s-test

            // 4) پارامترها را به ترتیب به آرایه اضافه می‌کنیم
            let parts = [];

            // {tag}
            parts.push(encodeURIComponent(selectedTagSlug));

            // {city} – می‌خوای همیشه بذاری، چون برای سئو خوبه
            if (selectedCityName) {
                parts.push(encodeURIComponent(selectedCityName));
            }

            // {mahale} – اختیاری
            if (selectedMahaleSlug) {
                parts.push(encodeURIComponent(selectedMahaleSlug));
            }

            // 5) ساخت URL نهایی
            const finalUrl = baseUrl + '/' + parts.join('/');

            // 6) ریدایرکت
            window.location.href = finalUrl;
        }

        window.doSearch = doSearch;


        $('#search_button').on('click', function () {
            doSearch();
        });

        $(document).on('keydown', '.search-field-tags, .search-field-mahale', function (e) {
            if (e.key === 'Enter') {
                e.preventDefault();
                doSearch();
            }
        });


        $('#searchFormNew').on('submit', function (e) {
            e.preventDefault();
            return false;
        });

    });

</script>

    
    
    <section class="listing-section  listing-home-page mt-0">
        
        
        
        <div class="container mt-3">
            <div class="d-flex align-items-center justify-content-between gap-2 p-2 rounded-3"
                 style="background: var(--color-bg-section); border: 1px solid var(--color-border);">
                <div class="d-flex align-items-center gap-2">
                    <i class="fas fa-map-marked-alt" style="color: var(--color-brand-primary)"></i>
                    <div>
                        <div class="small" style="color: var(--color-text-muted); line-height: 1.2;">
                            مشاهده موقعیت روی نقشه
                        </div>
                    </div>
                </div>

                <div class="d-flex align-items-center gap-2">
                    <button id="btnToggleMap"
                            class="btn btn-sm"
                            type="button"
                            aria-expanded="false"
                            style="background: var(--color-btn-primary); color: #fff; border-radius: 12px;">
                        نمایش نقشه
                    </button>
                </div>
            </div>

            <div class="collapse mt-2" id="mapCollapse">
                <div class="position-relative rounded-3 overflow-hidden"
                     style="border: 1px solid var(--color-border); background: var(--color-bg-white);">
                    <button type="button"
                            class="btn btn-sm position-absolute js-close-map"
                            style="top: 10px; left: 10px; z-index: 3000; background: rgba(255,255,255,.95); border: 1px solid var(--color-border); border-radius: 10px;">
                        بستن
                    </button>

                    <div id="map" class="map" style="display:block; height: 320px;"></div>
                </div>
            </div>
        </div>


                
            <div class="similar-tags-wrapper my-3">

                <button class="similar-scroll-btn left" onclick="scrollSimilarTags(240)">
                    <i class="fas fa-chevron-right"></i>
                </button>

                <div class="similar-tags-container" id="similarTagsContainer">
                    
                                                    <a class="similar-tag-chip"
                               href="https://mahboobha.com/s/%D8%A2%D9%85%D9%88%D8%B2%D8%B4%DA%AF%D8%A7%D9%87-%D8%B4%DB%8C%D8%B1%DB%8C%D9%86%DB%8C-%D9%BE%D8%B2%DB%8C/%D8%AA%D9%87%D8%B1%D8%A7%D9%86/%D8%AC%D9%86%D9%88%D8%A8-%D8%AA%D9%87%D8%B1%D8%A7%D9%86">
                                آموزشگاه شیرینی پزی در جنوب تهران
                            </a>
                                            
                                            
                                                    <a class="similar-tag-chip"
                               href="https://mahboobha.com/s/%D8%B4%DB%8C%D8%B1%DB%8C%D9%86%DB%8C-%D8%AE%D8%A7%D9%86%DA%AF%DB%8C/%D8%AA%D9%87%D8%B1%D8%A7%D9%86/%D8%AC%D9%86%D9%88%D8%A8-%D8%AA%D9%87%D8%B1%D8%A7%D9%86">
                                شیرینی خانگی در جنوب تهران
                            </a>
                                            
                                                    <a class="similar-tag-chip"
                               href="https://mahboobha.com/s/%D8%B4%DA%A9%D9%84%D8%A7%D8%AA-%D9%81%D8%B1%D9%88%D8%B4%DB%8C/%D8%AA%D9%87%D8%B1%D8%A7%D9%86/%D8%AC%D9%86%D9%88%D8%A8-%D8%AA%D9%87%D8%B1%D8%A7%D9%86">
                                شکلات فروشی در جنوب تهران
                            </a>
                                            
                                                    <a class="similar-tag-chip"
                               href="https://mahboobha.com/s/%D8%B3%D9%81%D8%A7%D8%B1%D8%B4-%DA%A9%DB%8C%DA%A9-%D8%AA%D9%88%D9%84%D8%AF/%D8%AA%D9%87%D8%B1%D8%A7%D9%86/%D8%AC%D9%86%D9%88%D8%A8-%D8%AA%D9%87%D8%B1%D8%A7%D9%86">
                                سفارش کیک تولد در جنوب تهران
                            </a>
                                                            </div>

                <button class="similar-scroll-btn right" onclick="scrollSimilarTags(-240)">
                    <i class="fas fa-chevron-left"></i>
                </button>

            </div>
        
        <div class="container mt-4">
            <div class="row">
                <div class="col-12">

                    <div class="listing-page-header">

                        <h1 class="listing-title">
                            لیست بهترین
                            <span class="highlight-tag">
                        خرید شیرینی آنلاین
                    </span>
                            در
                            <span class="highlight-location">
                        جنوب تهران
                    </span>
                        </h1>

                        <p class="listing-subtitle">
                            مقایسه خرید شیرینی آنلاین بر اساس امتیاز کاربران، امکانات، موقعیت مکانی و تجربه های واقعی ثبت شده
                        </p>

                    </div>

                </div>
            </div>
        </div>
        <div class="container mt-3">
            <div class="row ">

                <div class="col-md-6 col-sm-6 mb-2">
                <article class="listing-card h-100"
                         itemscope itemtype="https://schema.org/LocalBusiness"
                         aria-label="کسب و کار آموزش و فروش موچی ماهو">

                    <meta itemprop="name" content="آموزش و فروش موچی ماهو">
                    <meta itemprop="url" content="https://mahboobha.com/l/d2bmft7/3146~%D8%A2%D9%85%D9%88%D8%B2%D8%B4%20%D9%88%20%D9%81%D8%B1%D9%88%D8%B4%20%D9%85%D9%88%DA%86%DB%8C%20%D9%85%D8%A7%D9%87%D9%88">
                                            <meta itemprop="image" content="https://cdn.mahboobha.com/webp/resizefit/150150/listings/AGEdtCqvbj70.webp">
                                                                <meta itemprop="telephone" content="09127337924">
                    
                    <header class="listing-card__header">
                        <a href="https://mahboobha.com/l/d2bmft7/3146~%D8%A2%D9%85%D9%88%D8%B2%D8%B4%20%D9%88%20%D9%81%D8%B1%D9%88%D8%B4%20%D9%85%D9%88%DA%86%DB%8C%20%D9%85%D8%A7%D9%87%D9%88"
                           class="listing-card__title-wrap listing-map-box track-click"
                           data-listing-id="3146"
                           data-lat="35.5958619203801"
                           data-long="51.432701820158414"
                           data-title="آموزش و فروش موچی ماهو"
                           data-image="https://cdn.mahboobha.com/webp/resizefit/150150/listings/AGEdtCqvbj70.webp"
                           data-location="شهرری ،خ صمدی ،کوچه همت"
                           data-route="https://mahboobha.com/l/d2bmft7/3146~%D8%A2%D9%85%D9%88%D8%B2%D8%B4%20%D9%88%20%D9%81%D8%B1%D9%88%D8%B4%20%D9%85%D9%88%DA%86%DB%8C%20%D9%85%D8%A7%D9%87%D9%88"
                           aria-label="مشاهده صفحه آموزش و فروش موچی ماهو">

                            <img src="https://cdn.mahboobha.com/webp/resizefit/150150/listings/AGEdtCqvbj70.webp"
                                 class="listing-card__avatar"
                                 width="44" height="44"
                                 alt="لوگوی آموزش و فروش موچی ماهو"
                                 loading="lazy"
                                 decoding="async">

                            <div class="listing-card__title-col">
                                <span class="listing-card__title">
                                    آموزش و فروش موچی ماهو
                                </span>
                                                                    <div class="listing-card__context" aria-label="عبارت جستجو و محله">
                                        خرید شیرینی آنلاین در دیلمان
                                    </div>
                                                            </div>
                        </a>

                        <div class="listing-card__meta listing-card__meta--row">
                                                            <span class="rating-one"
                                      itemprop="aggregateRating"
                                      itemscope itemtype="https://schema.org/AggregateRating"
                                      aria-label="امتیاز 5.0 از 5">
                                    <i class="fas fa-star rating-one__ic" aria-hidden="true"></i>
                                    <span class="rating-one__num" itemprop="ratingValue">5.0</span>
                                    <meta itemprop="bestRating" content="5">
                                    <meta itemprop="worstRating" content="1">
                                    <span class="rating-one__cnt">(1)</span>
                                    <meta itemprop="reviewCount" content="1">
                                </span>
                            
                            <button type="button"
                                    class="review-link js-open-reviews"
                                    data-listing-id="3146"
                                    data-listing-title="آموزش و فروش موچی ماهو">
                                مشاهده تجربیات
                                <i class="far fa-comment-dots" aria-hidden="true"></i>
                            </button>
                        </div>

                        <address class="listing-card__address my-1"
                                 itemprop="address"
                                 itemscope itemtype="https://schema.org/PostalAddress">
                            <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
                            <span class="listing-card__address-text" itemprop="streetAddress">شهرری ،خ صمدی ،کوچه همت</span>
                        </address>
                    </header>

                    <a href="https://mahboobha.com/l/d2bmft7/3146~%D8%A2%D9%85%D9%88%D8%B2%D8%B4%20%D9%88%20%D9%81%D8%B1%D9%88%D8%B4%20%D9%85%D9%88%DA%86%DB%8C%20%D9%85%D8%A7%D9%87%D9%88" class="listing-card__link" aria-label="جزئیات آموزش و فروش موچی ماهو">
                                                    <div class="listing-card__gallery listing-card__gallery--3">
                                                                                                            <div class="listing-card__thumb">
                                            <img src="https://cdn.mahboobha.com/webp/resizefit/150150/listings/PyUKVYJt3vuH.webp"
                                                 alt="نمونه کار آموزش و فروش موچی ماهو"
                                                 width="150" height="150"
                                                 loading="lazy"
                                                 decoding="async">
                                        </div>
                                                                                                </div>
                        
                                                    <p class="listing-card__desc" itemprop="description">
                                تولید و عرضه موچی ژاپنی با طعم‌های منحصر به فرد مانند شکلات دبی و موز نوتلا، همراه با آموزش دسر و کیک‌های کافی‌شاپی با کیفیت عالی و تنوع بالا.
                            </p>
                                            </a>

                    <div class="listing-card__body listing-card__body--compact">
                        <div class="listing-card__actions listing-card__actions--compact">
                            <button class="btn btn-contact track-click"
                                    type="button"
                                    data-bs-toggle="modal"
                                    data-bs-target="#phoneModallisting"
                                    data-listing-id="3146"
                                    data-click-type="11"
                                    data-action-id="11"
                                    onclick="showContact('آموزش و فروش موچی ماهو','09127337924','09198329436','شهرری ،خ صمدی ،کوچه همت','https://mahboobha.com/l/d2bmft7/3146~%D8%A2%D9%85%D9%88%D8%B2%D8%B4%20%D9%88%20%D9%81%D8%B1%D9%88%D8%B4%20%D9%85%D9%88%DA%86%DB%8C%20%D9%85%D8%A7%D9%87%D9%88')">
                                تماس
                                <i class="fas fa-phone" aria-hidden="true"></i>
                            </button>

                            <a href="https://mahboobha.com/l/d2bmft7/3146~%D8%A2%D9%85%D9%88%D8%B2%D8%B4%20%D9%88%20%D9%81%D8%B1%D9%88%D8%B4%20%D9%85%D9%88%DA%86%DB%8C%20%D9%85%D8%A7%D9%87%D9%88" class="btn btn-more">
                                مشاهده
                                <i class="fas fa-eye" aria-hidden="true"></i>
                            </a>
                        </div>
                    </div>
                </article>
            </div>
        
    
            <div class="d-flex justify-content-center mt-4">
            
        </div>
    
    
    <script type="application/ld+json">
        {"@context":"https://schema.org","@type":"SearchResultsPage","name":"لیست بهترین خرید شیرینی آنلاین در جنوب تهران","url":"https://mahboobha.com/s/%D8%AE%D8%B1%DB%8C%D8%AF-%D8%B4%DB%8C%D8%B1%DB%8C%D9%86%DB%8C-%D8%A2%D9%86%D9%84%D8%A7%DB%8C%D9%86/%D8%AA%D9%87%D8%B1%D8%A7%D9%86/%D8%AC%D9%86%D9%88%D8%A8-%D8%AA%D9%87%D8%B1%D8%A7%D9%86","itemListOrder":"https://schema.org/ItemListOrderAscending","numberOfItems":1,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://mahboobha.com/l/d2bmft7/3146~%D8%A2%D9%85%D9%88%D8%B2%D8%B4%20%D9%88%20%D9%81%D8%B1%D9%88%D8%B4%20%D9%85%D9%88%DA%86%DB%8C%20%D9%85%D8%A7%D9%87%D9%88","item":{"@type":"LocalBusiness","name":"آموزش و فروش موچی ماهو","url":"https://mahboobha.com/l/d2bmft7/3146~%D8%A2%D9%85%D9%88%D8%B2%D8%B4%20%D9%88%20%D9%81%D8%B1%D9%88%D8%B4%20%D9%85%D9%88%DA%86%DB%8C%20%D9%85%D8%A7%D9%87%D9%88","image":"https://cdn.mahboobha.com/webp/resizefit/150150/listings/AGEdtCqvbj70.webp","telephone":"09127337924","address":{"@type":"PostalAddress","streetAddress":"شهرری ،خ صمدی ،کوچه همت","addressLocality":"تهران"},"aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":1,"bestRating":5,"worstRating":1}}}]}
    </script>

    <div class="modal fade" id="phoneModallisting" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content listing-modal">
                <div class="modal-body p-4">
                    <div class="d-flex align-items-start justify-content-between gap-2">
                        <div>
                            <p id="modaltitle" class="listing-modal__title mb-1"></p>
                            <div id="modalAddress" class="listing-modal__sub text-muted"></div>
                        </div>

                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="بستن"></button>
                    </div>

                    
                    
                    
                    


                    <div class="listing-modal__phones mt-3">
                        <a href="#" id="modalPhone" class="listing-modal__phone"></a>
                        <div class="listing-modal__phone-actions">
                            <a href="#" id="modalCallBtn" class="btn btn-contact btn-sm">
                                تماس با شماره 1
                                <i class="fas fa-phone"></i>
                            </a>
                            <button type="button" class="btn btn-more btn-sm" onclick="copyPhone('modalPhone')">
                                کپی شماره
                                <i class="far fa-copy"></i>
                            </button>
                        </div>
                    </div>

                    <div class="listing-modal__phones mt-3" id="phone2Wrap">
                        <a href="#" id="modalPhone2" class="listing-modal__phone"></a>
                        <div class="listing-modal__phone-actions">
                            <a href="#" id="modalCallBtn2" class="btn btn-contact btn-sm">
                                تماس با شماره 2
                                <i class="fas fa-phone"></i>
                            </a>
                            <button type="button" class="btn btn-more btn-sm" onclick="copyPhone('modalPhone2')">
                                کپی شماره
                                <i class="far fa-copy"></i>
                            </button>
                        </div>
                    </div>

                    <div class="listing-modal__note mt-3">
                        <i class="fas fa-info-circle"></i>
                        <span>قبل از تماس، جزئیات و نمونه کار را ببینید تا انتخاب دقیق تری داشته باشید.</span>
                    </div>

                    <div class="d-flex gap-2 mt-4">
                        <a href="#" id="modalViewBtn" class="btn btn-more flex-grow-1">
                            مشاهده صفحه آگهی
                            <i class="fas fa-eye"></i>
                        </a>
                        <button type="button" class="btn btn-mahboob flex-grow-1" data-bs-dismiss="modal">
                            بستن
                        </button>
                    </div>

                    <div id="copyToast" class="copy-toast" role="status" aria-live="polite">کپی شد</div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="reviewsModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-fullscreen">
            <div class="modal-content rvx">
                
                <div class="rvx__header">
                    <div class="rvx__head-main">
                        <div class="rvx__title" id="reviewsModalTitle">نظرات</div>
                        <div class="rvx__sub" id="reviewsModalSub">در حال بارگذاری...</div>
                    </div>

                    <button type="button" class="rvx__close btn" data-bs-dismiss="modal" aria-label="بستن">
                        <i class="fas fa-times"></i>
                    </button>
                </div>

                
                <div class="rvx__toolbar">
                    <div class="rvx__filters" role="tablist" aria-label="فیلتر نظرات">
                        <button class="rvx__chip is-active" type="button" data-filter="all">همه</button>
                        <button class="rvx__chip" type="button" data-filter="reply">پاسخ مالک</button>
                        <button class="rvx__chip" type="button" data-filter="top">۴ ستاره به بالا</button>
                    </div>
                    

                </div>

                <div class="modal-body rvx__body">
                    <div id="reviewsModalBody">
                        
                        <div class="rvx-skel">
                                                            <div class="rvx-skel__card">
                                    <div class="rvx-skel__row">
                                        <div class="rvx-skel__avatar"></div>
                                        <div class="rvx-skel__line w-40"></div>
                                        <div class="rvx-skel__line w-20"></div>
                                    </div>
                                    <div class="rvx-skel__line w-90"></div>
                                    <div class="rvx-skel__line w-80"></div>
                                    <div class="rvx-skel__line w-60"></div>
                                </div>
                                                            <div class="rvx-skel__card">
                                    <div class="rvx-skel__row">
                                        <div class="rvx-skel__avatar"></div>
                                        <div class="rvx-skel__line w-40"></div>
                                        <div class="rvx-skel__line w-20"></div>
                                    </div>
                                    <div class="rvx-skel__line w-90"></div>
                                    <div class="rvx-skel__line w-80"></div>
                                    <div class="rvx-skel__line w-60"></div>
                                </div>
                                                            <div class="rvx-skel__card">
                                    <div class="rvx-skel__row">
                                        <div class="rvx-skel__avatar"></div>
                                        <div class="rvx-skel__line w-40"></div>
                                        <div class="rvx-skel__line w-20"></div>
                                    </div>
                                    <div class="rvx-skel__line w-90"></div>
                                    <div class="rvx-skel__line w-80"></div>
                                    <div class="rvx-skel__line w-60"></div>
                                </div>
                                                            <div class="rvx-skel__card">
                                    <div class="rvx-skel__row">
                                        <div class="rvx-skel__avatar"></div>
                                        <div class="rvx-skel__line w-40"></div>
                                        <div class="rvx-skel__line w-20"></div>
                                    </div>
                                    <div class="rvx-skel__line w-90"></div>
                                    <div class="rvx-skel__line w-80"></div>
                                    <div class="rvx-skel__line w-60"></div>
                                </div>
                                                    </div>
                    </div>

                    <div class="rvx__more-wrap">
                        <button type="button" class="rvx__more btn d-none" id="reviewsLoadMoreBtn">
                            نظرات بیشتر
                            <i class="fas fa-angle-down"></i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>


<script>
    function showContact(title, phone, phone2, addressText, route) {
        document.getElementById("modaltitle").textContent = title || '';
        document.getElementById("modalAddress").textContent = addressText ? ('آدرس: ' + addressText) : '';

        // شماره 1
        const phoneEl = document.getElementById("modalPhone");
        const callBtn = document.getElementById("modalCallBtn");
        phoneEl.textContent = phone || '';
        phoneEl.href = phone ? ('tel:' + phone) : '#';
        callBtn.href = phone ? ('tel:' + phone) : '#';

        // شماره 2
        const wrap2 = document.getElementById("phone2Wrap");
        const phone2El = document.getElementById("modalPhone2");
        const callBtn2 = document.getElementById("modalCallBtn2");

        if (phone2) {
            wrap2.style.display = 'block';
            phone2El.textContent = phone2;
            phone2El.href = 'tel:' + phone2;
            callBtn2.href = 'tel:' + phone2;
        } else {
            wrap2.style.display = 'none';
            phone2El.textContent = '';
            phone2El.href = '#';
            callBtn2.href = '#';
        }

        // دکمه مشاهده صفحه آگهی (اگر route را داده باشی بهتر است)
        const viewBtn = document.getElementById("modalViewBtn");
        // اگر در onclick route پاس ندادی، همین را بگذار ثابت. خودت جایگزین کن:
        viewBtn.href = route;
    }

    function copyPhone(id) {
        const el = document.getElementById(id);
        const text = (el && el.textContent) ? el.textContent.trim() : '';
        if (!text) return;

        navigator.clipboard.writeText(text).then(() => {
            const toast = document.getElementById('copyToast');
            toast.classList.add('show');
            setTimeout(() => toast.classList.remove('show'), 1200);
        }).catch(() => {
        });
    }
</script>
<script>
    (function () {
        let currentListingId = null;
        let nextPageUrl = null;

        const modalEl = document.getElementById('reviewsModal');
        if (!modalEl) return;

        // اگر bootstrap لود نشده باشد کل اسکریپت می ترکد و هیچ چیز کار نمی کند
        if (!window.bootstrap || !bootstrap.Modal) {
            console.error('Bootstrap Modal not loaded');
            return;
        }

        const modal = bootstrap.Modal.getOrCreateInstance(modalEl);

        function setLoading() {
            $('#reviewsModalBody').html(`
            <div class="reviews-loading">
                <div class="spinner-border" role="status" aria-label="در حال بارگذاری"></div>
                <div class="mt-2">در حال دریافت نظرات...</div>
            </div>
        `);
            $('#reviewsLoadMoreBtn').addClass('d-none');
        }

        function renderResponse(res, append = false) {
            if (!res || !res.ok) {
                $('#reviewsModalBody').html(`<div class="alert alert-danger">خطا در دریافت نظرات</div>`);
                return;
            }

            if (append) $('#reviewsModalBody').append(res.html);
            else $('#reviewsModalBody').html(res.html);

            nextPageUrl = res.next_page_url || null;

            const avg = res.meta?.rating_average ?? '---';
            const total = res.meta?.rating_total ?? 0;
            $('#reviewsModalSub').text(`میانگین ${avg} | ${total} تجربه`);

            if (nextPageUrl) $('#reviewsLoadMoreBtn').removeClass('d-none');
            else $('#reviewsLoadMoreBtn').addClass('d-none');
        }

        async function loadReviews(url) {
            setLoading();
            return $.ajax({
                url,
                method: 'GET',
                dataType: 'json',
                headers: {'Accept': 'application/json'}
            });
        }

        // ✅ فقط یک هندلر، با جلوگیری از دزدیده شدن کلیک توسط لینک های کارت
        $(document).on('click', '.js-open-reviews', async function (e) {
            e.preventDefault();
            e.stopPropagation();

            currentListingId = $(this).data('listing-id');
            const title = $(this).data('listing-title') || 'نظرات';

            $('#reviewsModalTitle').text(`نظرات ${title}`);
            $('#reviewsModalSub').text('در حال بارگذاری...');

            modal.show();

            try {
                const url = "https:\/\/mahboobha.com\/listing-reviews" +'/' + currentListingId + '/reviews';
                const res = await loadReviews(url);
                renderResponse(res, false);
            } catch (err) {
                console.error(err);
                $('#reviewsModalBody').html(`<div class="alert alert-danger">خطا در ارتباط. دوباره تلاش کن.</div>`);
                $('#reviewsLoadMoreBtn').addClass('d-none');
            }
        });

        // لود بیشتر
        $('#reviewsLoadMoreBtn').on('click', async function () {
            if (!nextPageUrl) return;

            const $btn = $(this);
            $btn.prop('disabled', true).text('در حال دریافت...');

            try {
                const res = await $.ajax({
                    url: nextPageUrl,
                    method: 'GET',
                    dataType: 'json',
                    headers: {'Accept': 'application/json'}
                });

                // فعلا جایگزین می کند (append واقعی نیاز به endpoint تمیزتر دارد)
                renderResponse(res, false);

            } catch (err) {
                console.error(err);
            } finally {
                $btn.prop('disabled', false).html('نظرات بیشتر <i class="fas fa-angle-down"></i>');
            }
        });

        // تمیزکاری بعد از بستن مودال
        modalEl.addEventListener('hidden.bs.modal', function () {
            currentListingId = null;
            nextPageUrl = null;
            $('#reviewsModalBody').html('');
            $('#reviewsModalTitle').text('نظرات');
            $('#reviewsModalSub').text('');
            $('#reviewsLoadMoreBtn').addClass('d-none');
            $('.rvx__chip').removeClass('is-active');
            $('.rvx__chip[data-filter="all"]').addClass('is-active');
        });

        function applyReviewsFilter(type) {
            const list = document.getElementById('rvxList');
            if (!list) return;

            const cards = list.querySelectorAll('.rvx-card');
            cards.forEach(card => {
                const hasReply = card.getAttribute('data-has-reply') === '1';
                const rating = parseFloat(card.getAttribute('data-rating') || '0');

                let show = true;
                if (type === 'reply') show = hasReply;
                if (type === 'top') show = rating >= 4;

                card.style.display = show ? '' : 'none';
            });
        }

        $(document).on('click', '.rvx__chip', function () {
            $('.rvx__chip').removeClass('is-active');
            $(this).addClass('is-active');
            applyReviewsFilter($(this).data('filter'));
        });


    })();
</script>
            </div>


            
                            <div class=" row p-1 tag-desc-listing-card-new-data card my-3 ">
                    <p>
                        
                    </p>
                </div>
            
                        


            
                                                                
                            
        </div>


        <div class="modal fade mt-5" id="errorModal" tabindex="-1" aria-labelledby="errorModalLabel" insert>
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">
                        <p id="modalMessage"></p>
                        <div class="list-group mx-1">
                                                            <button class="list-group-item list-group-item-action  bgc-4 my-1 " data-city="1"
                                        data-cityname="تهران">تهران
                                </button>

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

        <div class="modal fade city-modal mt-5" id="cityModal" tabindex="-1" aria-labelledby="cityModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered city-modal-dialog">
                <div class="modal-content city-modal-content">

                    
                    <div class="city-modal-header d-flex justify-content-between align-items-center">
                        <h5 class="mb-0" id="cityModalLabel">انتخاب شهر</h5>
                        <button type="button" class="btn-close city-modal-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    
                    <div class="city-modal-body">

                        
                        <div class="city-search-wrapper mb-3">
                            <div class="input-group">
                        <span class="input-group-text city-search-icon">
                            <i class="fa fa-search"></i>
                        </span>
                                <input type="text"
                                       id="citySearchInput"
                                       class="form-control city-search-input"
                                       placeholder="نام شهر را جستجو کنید...">
                            </div>
                        </div>

                        
                        <div class="city-list-wrapper">
                            <div class="row g-2" id="cityList">

                                                                    <div class="col-12 col-md-12">
                                        <button type="button"
                                                class="city-item-btn w-100"
                                                data-city-id="1"
                                                data-city-name="تهران">
                                            <span class="city-item-name">تهران</span>
                                        </button>
                                    </div>
                                
                            </div>
                        </div>

                    </div>

                    
                    <div class="city-modal-footer text-muted small">
                        شهر خود را انتخاب کنید تا جستجو بر اساس همان شهر انجام شود.
                    </div>

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

    </section>
    <!-- Modal -->


    <style>
    /* =========================
   Mahboobha Footer (Mobile-first, clean)
   ========================= */

    .mh-footer{
        position: relative;
        padding: 22px 0 14px;
        direction: rtl;
        text-align: right;
        overflow: hidden;

        /* پس زمینه خوش رنگ و سبک (بدون شلوغی) */
        background:
            radial-gradient(850px 380px at 12% 15%, rgba(201,162,77,.12), transparent 60%),
            radial-gradient(850px 380px at 92% 82%, rgba(14,42,71,.18), transparent 62%),
            linear-gradient(180deg, rgba(11,18,34,1), rgba(7,11,20,1));
        color: rgba(255,255,255,.92);
    }

    .mh-footer::before{
        content:"";
        position:absolute;
        top:0; left:0; right:0;
        height:1px;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
        opacity:.9;
    }

    /* فاصله های ردیف */
    .mh-footer .row.g-3{
        --bs-gutter-y: 12px;
        --bs-gutter-x: 12px;
    }

    /* باکس ها */
    .mh-footer__card{
        height: 100%;
        border-radius: 18px;
        padding: 14px 14px 12px;

        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.10);

        box-shadow:
            0 18px 50px rgba(2, 6, 23, .25),
            0 1px 0 rgba(255,255,255,.08) inset;
    }

    /* تیتر */
    .mh-footer__title{
        margin: 0 0 10px;
        font-weight: 900;
        letter-spacing: -0.2px;
        font-size: 1.02rem;
        color: rgba(255,255,255,.96);
    }

    /* متن */
    .mh-footer__text{
        margin: 0 0 12px;
        line-height: 1.95;
        color: rgba(255,255,255,.82);
        text-align: right; /* خواناتر از justify روی موبایل */
    }

    /* لیست لینک ها */
    .mh-footer__list{
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 6px;
    }

    .mh-footer__item{
        display:flex;
        align-items:center;
        gap: 10px;

        padding: 9px 10px;
        border-radius: 14px;

        background: rgba(255,255,255,.04);
        border: 1px solid rgba(255,255,255,.08);

        transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
    }

    @media (hover:hover){
        .mh-footer__item:hover{
            transform: translateY(-1px);
            background: rgba(255,255,255,.07);
            border-color: rgba(255,255,255,.14);
        }
    }

    /* آیکن های لیست */
    .mh-footer__icon{
        width: 30px;
        height: 30px;
        border-radius: 10px;

        display: inline-flex;
        align-items:center;
        justify-content:center;

        background: rgba(255,255,255,.07);
        border: 1px solid rgba(255,255,255,.12);

        color: rgba(255,255,255,.92);
        flex: 0 0 auto;
        font-size: 14px;
    }

    /* لینک ها */
    .mh-footer a{
        color: rgba(255,255,255,.92);
        text-decoration: none;
        font-weight: 800;
    }

    .mh-footer a:active{
        opacity: .92;
    }

    /* آدرس */
    .mh-footer__address{
        padding: 10px 12px;
        border-radius: 14px;
        background: rgba(255,255,255,.04);
        border: 1px solid rgba(255,255,255,.08);
        color: rgba(255,255,255,.84);
        line-height: 1.85;
    }

    /* enamad */
    .mh-footer__enamad{
        display:flex;
        justify-content:center;
        padding-top: 12px;
    }

    .mh-footer__enamad img{
        width: 82px !important;
        height: auto !important;
        border-radius: 12px;

        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.12);
        padding: 7px;
    }

    /* Bottom bar */
    .mh-footer__bottom{
        margin-top: 14px;
        padding-top: 12px;
        border-top: 1px solid rgba(255,255,255,.10);
        color: rgba(255,255,255,.72);
        text-align:center;
    }

    .mh-footer__copyright{
        margin: 0;
        font-size: .82rem;
        line-height: 1.8;
    }

    /* Mobile polish */
    @media (max-width: 575.98px){
        .mh-footer{ padding: 18px 0 12px; }
        .mh-footer__card{ padding: 14px; border-radius: 16px; }
        .mh-footer__title{ font-size: 1rem; }
        .mh-footer__item{ padding: 10px 10px; }
        .mh-footer__icon{ width: 32px; height: 32px; }
    }

</style>
<footer class="mh-footer">
    <div class="container">
        <div class="row g-3">

            <div class="col-12 col-md-6">
                <div class="mh-footer__card">
                    <h5 class="mh-footer__title">درباره محبوب ها</h5>

                    <p class="mh-footer__text">
                        محبوب ها بستری است برای معرفی کسب و کارهای برتر و خدمات محلی. با محبوب ها می توانید در کوتاه ترین زمان، خدمات مورد نیازتان را پیدا کنید
                        و همچنین کسب و کارتان را در معرض دید کاربران بیشتری قرار دهید.
                    </p>

                    <div class="mh-footer__address">
                        تهران، ولنجک، پارک علم و فن آوری دانشگاه شهید بهشتی، واحد 110
                    </div>

                    <div class="mh-footer__enamad">
                        <a referrerpolicy="origin" target="_blank"
                           href="https://trustseal.enamad.ir/?id=619630&Code=02zI7vWSU6RxSS4MM50anajdS9M84znD"
                           class="text-center">
                            <img referrerpolicy="origin"
                                 src="https://mahboobha.com/assets/global/images/enamad_icon.png"
                                 alt="نماد اعتماد"
                                 style="cursor:pointer;"
                                 code="02zI7vWSU6RxSS4MM50anajdS9M84znD">
                        </a>
                    </div>
                </div>
            </div>

            <div class="col-12 col-md-6">
                <div class="mh-footer__card">
                    <h5 class="mh-footer__title">لینک های پرکاربرد</h5>

                    <ul class="mh-footer__list">
                        <li class="mh-footer__item">
                            <span class="mh-footer__icon"><i class="far fa-home"></i></span>
                            <a href="https://mahboobha.com">صفحه اصلی</a>
                        </li>

                        <li class="mh-footer__item">
                            <span class="mh-footer__icon"><i class="far fa-briefcase"></i></span>
                            <a target="_blank" href="https://mahboobha.com/landing">راهنمای ثبت کسب و کار</a>
                        </li>

                        <li class="mh-footer__item">
                            <span class="mh-footer__icon"><i class="far fa-user"></i></span>
                            <a href="https://mahboobha.com/panel/listing/page">پروفایل</a>
                        </li>

                        <li class="mh-footer__item">
                            <span class="mh-footer__icon"><i class="far fa-check"></i></span>
                            <a href="https://mahboobha.com/privacyPolicy">قوانین و مقررات</a>
                        </li>

                        <li class="mh-footer__item">
                            <span class="mh-footer__icon"><i class="far fa-envelope"></i></span>
                            <a href="https://mahboobha.com/contact">تماس با ما</a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <div class="mh-footer__bottom">
            <p class="mh-footer__copyright">
                کلیه حقوق این وبسایت در اختیار سامانه محبوب ها می باشد © 2026
            </p>
        </div>
    </div>
</footer>


    <footer class="mhfx2-wrap" role="contentinfo">
    <nav class="mhfx2-nav container container-mahboob" aria-label="منوی پایین">

        <a href="https://mahboobha.com"
           class="mhfx2-item "
           aria-label="صفحه اصلی"
           >
            <i class="fa fa-home mhfx2-ic" aria-hidden="true"></i>
            <span class="mhfx2-tx">صفحه اصلی</span>
        </a>

        <a href="https://mahboobha.com/user/listingLike"
           class="mhfx2-item "
           aria-label="علاقه مندی ها"
           >
            <i class="fas fa-heart mhfx2-ic" aria-hidden="true"></i>
            <span class="mhfx2-tx">علاقه مندی ها</span>
        </a>

        <a href="https://mahboobha.com/panel/listing/page"
           class="mhfx2-item "
           aria-label="ثبت آگهی"
           >
            <i class="fa fa-plus mhfx2-ic" aria-hidden="true"></i>
            <span class="mhfx2-tx">ثبت آگهی</span>
        </a>









    </nav>
</footer>


</div>



<div class="modal fade" id="loginModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">محبوب ها</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div id="step1">
                    <div class="mb-3">
                        <label for="mobile" class="form-label">برای دریافت کد، شماره موبایل خود را وارد کنید</label>
                        <input type="text" class="form-control" id="mobile" placeholder="09123456789" autofocus/>
                    </div>
                    <div class="text-muted w-100 my-2 text-center" style="font-size: 12px;">ورود شما به منزله پذیرش <a href="https://mahboobha.com/privacyPolicy">قوانین
                            و مقررات محبوب
                            ها</a>
                        است
                        .
                    </div>
                    <button type="button" class="btn btn-success" id="sendOtpBtn">ارسال کد تأیید</button>
                </div>

                <div id="step2" style="display:none;">
                    <div class="mb-3">
                        <label for="otp" class="form-label">کد ارسال شده</label>
                        <input type="text" class="form-control" id="otp" placeholder="4 رقم" autofocus/>
                        <input type="hidden" id="mobile_otp" value=""/>
                    </div>
                    <button type="button" class="btn btn-primary" id="verifyOtpBtn">تأیید و ورود</button>
                </div>

                <!-- نمایش پیام‌ها -->
                <div id="messageBox" class="mt-3"></div>
            </div>

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


<!-- Toast Error Message -->
<div class="position-fixed top-0 start-50 translate-middle-x p-3" style="z-index: 2000">
    <div id="searchToast" class="toast align-items-center text-white bg-danger border-0" role="alert">
        <div class="d-flex">
            <div class="toast-body">
                <i class="fa fa-exclamation-circle me-2"></i>
                برای جستجو، حتماً یکی از گزینه‌های پیشنهادی را انتخاب کنید.
            </div>
            <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"></button>
        </div>
    </div>
</div>


<!-- jquery cdn -->

<!-- bootstrap -->

<script>
    let countdown; // متغیر برای نگهداری تایمر

    $(document).ready(function () {
        function startCountdown(duration) {
            clearInterval(countdown); // جلوگیری از اجرای چند تایمر همزمان
            let timer = duration, minutes, seconds;

            countdown = setInterval(function () {
                minutes = Math.floor(timer / 60);
                seconds = timer % 60;

                seconds = seconds < 10 ? "0" + seconds : seconds;
                $("#messageBox").html(`<div class="text-center text-danger">زمان باقی‌مانده: ${minutes}:${seconds}</div>`);

                if (--timer < 0) {
                    clearInterval(countdown);
                    $("#loginModal").modal("hide"); // بستن مودال پس از اتمام تایمر
                }
            }, 1000);
        }

        // دکمه ارسال OTP
        $('#sendOtpBtn').on('click', function () {
            $(this).prop('disabled', true); // غیرفعال کردن دکمه

            var mobile = $('#mobile').val();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                url: "https://mahboobha.com/login",
                type: "POST",
                data: {
                    mobile_no: mobile,
                    _token: $('meta[name="csrf-token"]').attr('content'),
                },
                success: function (res) {
                    // console.log('Response:', res); // لاگ گرفتن برای مشاهده دقیق پاسخ

                    if (res.success) {
                        // رفتن به مرحله دوم
                        $('#step1').hide();
                        $('#step2').show();
                        $('#mobile_otp').val(mobile);
                        $('#messageBox').html('<div class="alert alert-success">' + res.message + '</div>');
                        startCountdown(120);

                    } else {
                        // در صورتی که پاسخ دارای success نباشد
                        $('#messageBox').html('<div class="alert alert-danger">پاسخ موفق نبود.</div>');
                    }
                    setTimeout(function () {
                        $('#messageBox').empty();
                    }, 3000);
                },
                error: function (xhr) {
                    console.log('Error:', xhr); // لاگ گرفتن از خطای سرور
                    if (xhr.responseJSON && xhr.responseJSON.errors) {
                        let errors = xhr.responseJSON.errors;
                        let errorMsg = '';
                        Object.values(errors).forEach(function (val) {
                            errorMsg += '<p>' + val[0] + '</p>';
                        });
                        $('#messageBox').html('<div class="alert alert-danger">' + errorMsg + '</div>');
                    } else {
                        $('#messageBox').html('<div class="alert alert-danger">خطایی رخ داد.</div>');
                    }
                    setTimeout(function () {
                        $('#messageBox').empty();
                    }, 3000);
                },
                complete: function () {
                    $('#sendOtpBtn').prop('disabled', false); // فعال کردن مجدد دکمه
                }
            });
        });

        // دکمه تایید OTP

        $('#verifyOtpBtn').on('click', function () {
            var otp = $('#otp').val();
            var mobile_otp = $('#mobile_otp').val();
            $.ajax({
                url: "https://mahboobha.com/otpForm",
                type: "POST",
                data: {
                    otp_code: otp,
                    mobile_otp: mobile_otp,
                    _token: $('meta[name="csrf-token"]').attr('content'),
                },
                success: function (res) {
                    if (res.success) {

                        $('#messageBox').html('<div class="alert alert-success">' + res.message + '</div>');
                        // بستن مودال و ریفرش صفحه یا هدایت به جایی
                                                setTimeout(function () {
                            window.location.reload();
                        }, 1000);
                                                $("#loginModal").modal("hide");

                    }
                },
                error: function (xhr) {
                    if (xhr.responseJSON && xhr.responseJSON.message) {
                        $('#messageBox').html('<div class="alert alert-danger">' + xhr.responseJSON.message + '</div>');
                    } else {
                        $('#messageBox').html('<div class="alert alert-danger">خطایی رخ داد.</div>');
                    }
                }
            });
        });

        $('#mobile').on('keydown', function (e) {
            if (e.key === 'Enter') {
                e.preventDefault(); // جلوگیری از رفتار پیش‌فرض
                $('#sendOtpBtn').click();  // کلیک مصنوعی روی دکمه
            }
        });
        $('#otp').on('keydown', function (e) {
            if (e.key === 'Enter') {
                e.preventDefault(); // جلوگیری از رفتار پیش‌فرض
                $('#verifyOtpBtn').click();  // کلیک مصنوعی روی دکمه
            }
        });

    });
</script>


<script src="https://mahboobha.com/assets/global/js/leaflet.js"></script>


<script>
    $(document).ready(function () {
        $('#loginModal').on('keydown', function (e) {
            if (e.key === 'Enter') {
                console.log(123123123)
                if (e.target.tagName !== 'TEXTAREA') {
                    e.preventDefault();
                    $(this).submit();
                }
            }
        });
    });
</script>

<script>
    function debounce(func, delay) {
        let timeout;
        return function () {
            const context = this;
            const args = arguments;
            clearTimeout(timeout);
            timeout = setTimeout(() => func.apply(context, args), delay);
        };
    }

    function slugify(str) {
        if (!str) return '';
        return String(str)
            .trim()
            .replace(/\u200c/g, ' ')            // حذف نیم‌فاصله (ZWNJ)
            .replace(/[ـ]+/g, ' ')               // کشیده
            // نرمال‌سازی حروف عربی به فارسی
            .replace(/ك/g, 'ک').replace(/ي/g, 'ی').replace(/ۀ|ة/g, 'ه')
            .replace(/أ|إ|ٱ/g, 'ا').replace(/ؤ/g, 'و').replace(/ئ/g, 'ی')
            // تبدیل فاصله/زیرخط به خط تیره
            .replace(/[\s_]+/g, '-')
            // حذف کاراکترهای غیرمجاز (فقط حروف فارسی، لاتین، عدد و خط‌تیره بماند)
            .replace(/[^0-9a-zA-Z\u0600-\u06FF\-]+/g, '')
            // یکی‌سازی خط‌تیره‌های پیاپی
            .replace(/\-+/g, '-')
            // حذف خط‌تیره‌های ابتدا/انتهای رشته
            .replace(/^\-+|\-+$/g, '')
            .toLowerCase();
    }


    function showToastMessage() {
        var toastEl = document.getElementById('searchToast');
        var toast = new bootstrap.Toast(toastEl, { delay: 2000 });
        toast.show();
    }


    const el = document.getElementById('searchForm');
    if (el){
        el.addEventListener('submit', function (event) {
            event.preventDefault(); // جلوگیری از ارسال عادی فرم

            // دریافت مقادیر از فرم
            const tag = document.getElementById('search_field_tags').value.trim();
            const city = document.getElementById('user_select_location_model').value.trim();
            const selectedCityName = document.getElementById('user_select_location_model').getAttribute('data-cityname');

            const mahale = ''; // اگر فیلدی برای محله دارید، آن را اضافه کنید
            const request = ''; // اگر فیلدی برای درخواست دارید، آن را اضافه کنید

            // ساخت URL
            let url = "https://mahboobha.com/s";
            if (tag) url += `/${encodeURIComponent(tag)}`;
            if (city) url += `/${encodeURIComponent(selectedCityName)}`;
            if (mahale) url += `/${encodeURIComponent(mahale)}`;
            if (request) url += `/${encodeURIComponent(request)}`;

            // هدایت به URL ساخته شده
            window.location.href = url;
        });
    }

</script>
<script>
    $(document).on('click', '#show-phone-listing-modal,.btn-social-view', function () {
        let now = new Date();
        let expireAt = now.getTime() + 24 * 60 * 60 * 1000; // یک روز بعد

        let data = {
            value: 1,
            expires: expireAt
        };

        let listingId = $(this).data('listing-id');
        let actionId = $(this).data('action-id');
        let storageKey = 'logged_' + actionId + '_' + listingId;
        let stored = localStorage.getItem(storageKey);
        if (stored) {
            let parsed = JSON.parse(stored);
            let now = new Date().getTime();

            if (parsed.expires && parsed.expires > now) {
                // هنوز اعتبار داره → پس ارسال نکن
                return;
            } else {
                // منقضی شده → پاک کن
                localStorage.removeItem(storageKey);
            }
        }
        $.ajax({
            url: '/ajax/Listing_viewer_action',
            type: 'POST',
            data: {
                listing_id: listingId,
                action_id: actionId,
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function () {
                localStorage.setItem('logged_' + actionId + '_' + listingId, JSON.stringify(data));
            },
            error: function (xhr) {
                console.error('Modal log failed', xhr);
            }
        });
    });
</script>
<script>
    const MHB_CLICK_PREFIX = 'mhb_click_';
    const ONE_DAY_MS = 24 * 60 * 60 * 1000;

    // اکشن‌های مربوط به "اطلاعات تماس"
    const PHONE_ACTION_IDS = [10, 11];

    function getCookie(name) {
        let value = `; ${document.cookie}`;
        let parts = value.split(`; ${name}=`);
        if (parts.length === 2) return parts.pop().split(';').shift();
    }

    function getClickStorageKey(actionId, listingId) {
        return MHB_CLICK_PREFIX + actionId + '_' + listingId;
    }

    /**
     * برای اکشن‌های خاص (اینجا تماس) چک میکند
     * آیا در windowMs گذشته برای این (آگهی + اکشن) کلیکی ثبت شده یا نه.
     * اگر می‌توانیم دوباره ثبت کنیم => true
     * اگر باید رد کنیم => false
     */
    function canTrackAction(actionId, listingId, windowMs = ONE_DAY_MS) {
        if (!actionId || !listingId) return true;

        try {
            const key = getClickStorageKey(actionId, listingId);
            const last = localStorage.getItem(key);
            const now  = Date.now();

            if (last) {
                const lastTime = parseInt(last, 10);
                if (!isNaN(lastTime) && (now - lastTime) < windowMs) {
                    // کمتر از 24 ساعت گذشته
                    return false;
                }
            }

            // مجازیم، زمان جدید را ذخیره کن
            localStorage.setItem(key, String(now));
            return true;
        } catch (e) {
            // اگر localStorage در دسترس نبود، بگذار لااقل کلیک ثبت شود
            return true;
        }
    }

    $(document).on('click', '[data-action-id]', function () {
        let $el = $(this);

        let actionId = parseInt($el.data('action-id'), 10);
        if (!actionId) return;

        let listingId   = $el.data('listing-id') || null;
        let pageVisitId = getCookie('latest_page_visit_id') || null;

        // محدودیت 24 ساعته فقط برای اکشن‌های تماس (10 و 11) و وقتی listing_id داریم
        if (PHONE_ACTION_IDS.includes(actionId) && listingId) {
            const ok = canTrackAction(actionId, listingId);
            if (!ok) {
                // در 24 ساعت گذشته این کاربر (روی این مرورگر) اطلاعات تماس این آگهی را دیده
                // پس دیگر به سرور ریکوئست نمی‌فرستیم
                return;
            }
        }

        // payload ساده؛ listing_id و page_visit_id اگر null باشند هم اوکی است
        const payload = {
            listing_id: listingId,
            page_visit_id: pageVisitId,
            click_type: actionId
        };

        fetch("https://mahboobha.com/track-click-new", {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': ''
            },
            credentials: 'include',
            body: JSON.stringify(payload)
        }).catch(function (err) {
            console.error('track-click error', err);
        });
    });
</script>


<script>
    var root = document.querySelector(':root');
    root.style.setProperty('--primary', '#184af9');
</script>
<div class="mhfx-spacer" aria-hidden="true"></div>

</body>
</html>