{extend name="base" /}

{block name="style"}
<style>
    /* 民宿簡述樣式 - 固定四行高度並添加省略號 */
    .bnb-summary {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.4;
        height: calc(1.4em * 4); /* 固定四行的高度 */
        min-height: calc(1.4em * 4); /* 最小高度也是四行 */
        word-wrap: break-word;
        hyphens: auto;
    }
</style>
{/block}

{block name="content"}
<main>
    <section class="bg-light py-3">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="/">首頁</a></li>
                    <li class="breadcrumb-item active" aria-current="page">民宿搜尋</li>
                </ol>
            </nav>
        </div>
    </section>


    <div class="container-fluid" style="margin-top: 20px;">
        <div class="row">
            <!-- 篩選側邊欄 -->
            <div class="col-lg-3">
                <div class="filter-sidebar sticky-top" style="top: 100px;">
                    <!-- 搜尋表單 -->
                    <div class="mb-4">
                        <h5 class="filter-title">
                            <i class="fas fa-search me-2"></i>搜尋條件
                        </h5>
                        <form id="searchForm">
                            <div class="mb-3">
                                <input type="text" class="form-control" id="location" name="location"
                                    placeholder="請輸入搜尋描述">
                            </div>

                            <button type="submit" class="btn btn-primary w-100">
                                <i class="fas fa-search me-2"></i>AI搜尋
                            </button>
                        </form>
                    </div>
                </div>
            </div>

            <!-- 搜尋結果區域 -->
            <div class="col-lg-9">
                <div class="container-fluid">
                    <!-- 結果統計和排序 -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <h4 id="resultsCount">找到 36 個結果</h4>
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="index.html">首頁</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">民宿搜尋</li>
                                </ol>
                            </nav>
                        </div>
                        <div class="col-md-6 text-end">
                            <div class="d-flex align-items-center justify-content-end">
                                <label for="sortSelect" class="form-label me-2 mb-0">排序：</label>
                                <select class="form-select" id="sortSelect" style="width: auto;">
                                    <option value="default">預設排序</option>
                                    <option value="price_low">價格低到高</option>
                                    <option value="price_high">價格高到低</option>
                                    <option value="rating">評分高到低</option>
                                    <option value="newest">最新上架</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <!-- 搜尋結果卡片 -->
                    <div class="row" id="searchResults">
                                                <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="position-relative">
                                    <img src="/googleMap/photo?refer=AWn5SU7qoHkpeHS1Y9F8ZgHuy6fhIUZps5DFlTODGaB0GsdRDlRo3-S_Grb0xjfjisgCwPhCDJzhOJwpaa7WxxykPGeuVYa1agGA6KFTPBbZKbehOZSHyJ0AZawObezYaoKAZs1yjMJ3LL_MPey63qV7QRMvd9zvBkh5NvhTx5aNGXnmIENBbucEeXfZnTS1ztkShED4z8SNFF2CuIM8GzgNt8LBzVNeCv5gyzTEQOUo1I-c4Qe0KF6GGBcOSBd3NZCrX2lfXXvh2l7HuTuxE3CgTc9mlsAH3l7L9gP-ttVKJtYWV5vaTqQ"
                                        class="card-img-top" alt="綠芙香氛SPA民宿">
                                    <button class="favorite-btn" data-item-id="1" data-item-type="bnb" aria-label="加入最愛">
                                        <i class="far fa-heart"></i>
                                    </button>
                                    <div class="image-source">圖片來源: <a target="_blank" href="https://maps.google.com/maps/contrib/117763242187679874245">綠芙香氛：SPA民宿</a></div>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">綠芙香氛SPA民宿</h5>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt text-muted me-1"></i>高雄市左營區                                    </p>
                                                                        <p class="card-text">
                                        <i class="fas fa-phone text-muted me-1"></i>
                                        <a href="tel:0915-770068" class="text-decoration-none">0915-770068</a>
                                    </p>
                                                                        <p class="card-text bnb-summary">位於高雄左營區的香氛SPA民宿，提供花園與露台、免費無線網路等設施，交通便利，鄰近蓮池潭等景點，適合放鬆休憩。</p>
                                    <div class="rating mb-2">
                                        <span class="text-warning">★4.8</span>
                                        <span class="ms-1">(80 評價)</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span></span>
                                        <!-- <span class="price-tag">NT$ 2,800/晚</span> -->
                                        <a href="/bnb/detail/id/6987" class="btn btn-outline-primary btn-sm">查看詳情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="position-relative">
                                    <img src="/googleMap/photo?refer=AWn5SU4x3ogp0VL3ENEBeTA087F5Y14q9F1IoM-SKXEJQaqoo1H1-OJB-55tlT5zPd7jTPVdtpRw9zHY8TOF8f909VNSu9zqvgTBlTa-_3UNgvCa7QU1isRVt_tvXJqaFcBY8IsVmM6qO3OJwlf7EgeHev5tFTi25sBQfdY7uQJ071-AVx63TmAZlpuvlK7_TGn-r3AlfMbKxFSBe_eg0ixgbXg4yI5z2mWx238ant_AzGUZduhN7yleq8uFx2CERAiMHq3pu6wI0tOCUslQoR2l9kpSvivhyYXJ7VvJhplVATriMBQUN8g"
                                        class="card-img-top" alt="杉菻行旅">
                                    <button class="favorite-btn" data-item-id="1" data-item-type="bnb" aria-label="加入最愛">
                                        <i class="far fa-heart"></i>
                                    </button>
                                    <div class="image-source">圖片來源: <a target="_blank" href="https://maps.google.com/maps/contrib/100300881359280298608">杉菻行旅 Shanlin Inn</a></div>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">杉菻行旅</h5>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt text-muted me-1"></i>高雄市新興區                                    </p>
                                                                        <p class="card-text">
                                        <i class="fas fa-phone text-muted me-1"></i>
                                        <a href="tel:07-2817820" class="text-decoration-none">07-2817820</a>
                                    </p>
                                                                        <p class="card-text bnb-summary">高雄市新興區巷弄中的寵物友善民宿，靠近捷運與商圈，提供停車與早餐，適合家庭與寵物友善旅遊。</p>
                                    <div class="rating mb-2">
                                        <span class="text-warning">★4.9</span>
                                        <span class="ms-1">(354 評價)</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span></span>
                                        <!-- <span class="price-tag">NT$ 2,800/晚</span> -->
                                        <a href="/bnb/detail/id/8718" class="btn btn-outline-primary btn-sm">查看詳情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="position-relative">
                                    <img src="/googleMap/photo?refer=AWn5SU6_Vj4lvpGIxOJkdqhqqOfOttHDXRASwtpVVnpxfJps2TCeLiVgLM623HIY4m-uc3_k-8toK9ocwdpXQ9ZREdKUQNcL1k4-wvSdbS3h8CTrXLQIKvCDiVp_wqjYz6FLEilQiuhy3xkZuOll6VNnGKRYqF3Of-_axqs6Hv5TfFZ67Lgjgck_5TK1ZOx-jiHVqbhUTuGRT--gzl-XsAhbF17EjhxXhVTkKRTimgga9FJm_tq_RjjXLUo32rTGjyYWRzWLEAGyl6_-OhHi05QmJar1QsBrvW3jS0HauMzety8QyQQ07iQ"
                                        class="card-img-top" alt="軍旅舍．四十一">
                                    <button class="favorite-btn" data-item-id="1" data-item-type="bnb" aria-label="加入最愛">
                                        <i class="far fa-heart"></i>
                                    </button>
                                    <div class="image-source">圖片來源: <a target="_blank" href="https://maps.google.com/maps/contrib/104832297299206946019">Goonnight Hostel 軍旅舍</a></div>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">軍旅舍．四十一</h5>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt text-muted me-1"></i>高雄市左營區                                    </p>
                                                                        <p class="card-text">
                                        <i class="fas fa-phone text-muted me-1"></i>
                                        <a href="tel:0958-604142" class="text-decoration-none">0958-604142</a>
                                    </p>
                                                                        <p class="card-text bnb-summary">位於高雄左營建業新村的眷村風格民宿 保留70年老宅風貌 並以眷村生活為主題 提供五間客房與在地風情體驗</p>
                                    <div class="rating mb-2">
                                        <span class="text-warning">★5.0</span>
                                        <span class="ms-1">(105 評價)</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span></span>
                                        <!-- <span class="price-tag">NT$ 2,800/晚</span> -->
                                        <a href="/bnb/detail/id/6988" class="btn btn-outline-primary btn-sm">查看詳情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="position-relative">
                                    <img src="/googleMap/photo?refer=AWn5SU6c3CWXN4q2WuzuMX9RP5st6lp1L1lRVJgPjdLNp5lHbjLQiU8jiIOhjbklty5DYjaIFU5w4U0we8Iw03Qvgt3-mDMwlA4ByCPp0HG5RhSEGdbQ7xbo3bWp2lwwtqxxvZu11Pqp0RrrluatgFqdNh-xsgFAAUmyy_Qh3qIbvTRoBUSSUD0DuLfKpFDIOFA9TId9M_Y3syt2XoJ_NvTM9vGkjKc88yXOCYbWGKabvDViocbm59H2Wz2qlrqgMRiahEJWKwQIeYZQHztzpzAYSMvB4NzLz2CwnqAoCSELW73_c01KlYk"
                                        class="card-img-top" alt="軍旅舍．四十二">
                                    <button class="favorite-btn" data-item-id="1" data-item-type="bnb" aria-label="加入最愛">
                                        <i class="far fa-heart"></i>
                                    </button>
                                    <div class="image-source">圖片來源: <a target="_blank" href="https://maps.google.com/maps/contrib/104832297299206946019">Goonnight Hostel 軍旅舍</a></div>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">軍旅舍．四十二</h5>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt text-muted me-1"></i>高雄市左營區                                    </p>
                                                                        <p class="card-text">
                                        <i class="fas fa-phone text-muted me-1"></i>
                                        <a href="tel:0958-604142" class="text-decoration-none">0958-604142</a>
                                    </p>
                                                                        <p class="card-text bnb-summary">位於高雄左營建業新村，41號與42號兩棟建築組成的民宿，提供免費無線網路與空調，近蓮池潭與左營車站，適合朋友與親子旅遊。</p>
                                    <div class="rating mb-2">
                                        <span class="text-warning">★5.0</span>
                                        <span class="ms-1">(105 評價)</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span></span>
                                        <!-- <span class="price-tag">NT$ 2,800/晚</span> -->
                                        <a href="/bnb/detail/id/6989" class="btn btn-outline-primary btn-sm">查看詳情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="position-relative">
                                    <img src="/googleMap/photo?refer=AWn5SU6DkJSp-Eujz2t_lOoxpna1AtkC-7EM8NPQRWMqKEa5jRxNdBRDNCehAH80EpVOPYNlBg58S1j7VxlMGEDIlx3oucQdPctlAM0-uc3T7jQN89cQJSArakZu6RtsLnnkuA0GQaVShHTNR1TiS1MDh_CoEtCpMYFdpWb6H8c6Pcw2Fj0UMdj_6kyf-wLmMDAlQgE0Mr1tM8Eihdcrd4k2OEGU_GECP3Wgw0W9Y7jiHo7vy_dMfAJPuhD9p-Ga6CXZSaDEVg3PfbO0erY5vsQ7_jmmTehCfsmXaFzetxtzjefwOjl_2Uk"
                                        class="card-img-top" alt="小媽寶眷村民宿">
                                    <button class="favorite-btn" data-item-id="1" data-item-type="bnb" aria-label="加入最愛">
                                        <i class="far fa-heart"></i>
                                    </button>
                                    <div class="image-source">圖片來源: <a target="_blank" href="https://maps.google.com/maps/contrib/108092710571702677539">老媽寶眷村民宿-高雄民宿推薦</a></div>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">小媽寶眷村民宿</h5>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt text-muted me-1"></i>高雄市左營區                                    </p>
                                                                        <p class="card-text">
                                        <i class="fas fa-phone text-muted me-1"></i>
                                        <a href="tel:0980-424526" class="text-decoration-none">0980-424526</a>
                                    </p>
                                                                        <p class="card-text bnb-summary">位於高雄左營眷村區的民宿，保留軍事眷村風情，提供共用休息室與共用廚房，並有2間臥室，鄰近蓮池潭等景點。</p>
                                    <div class="rating mb-2">
                                        <span class="text-warning">★4.8</span>
                                        <span class="ms-1">(51 評價)</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span></span>
                                        <!-- <span class="price-tag">NT$ 2,800/晚</span> -->
                                        <a href="/bnb/detail/id/6990" class="btn btn-outline-primary btn-sm">查看詳情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="position-relative">
                                    <img src="/googleMap/photo?refer=AWn5SU7mllAtGEuCqN56sgtxRBkAMpeFh-Hn0JSFzHj3SR7hc1Kjg1QxITKTQgwzItfI5VN-fyKzMrdB5fFi5Emmop4dKlQoQhesW6yNCIS8AlXrmVX_Y0UDC4110TteSIxvu1YcZpO3zBZqlhfG7pAjF5N-tMsuqluISsopw_aDhhrwoUIygoz3VqrsXSvjYe4h4e8z1IzxFKrYTjlCEQKxr-8tsXO0C9yx2W-S4SgB6_bi4KtIY_w_cfXHJdXwo2ciiy04cXIKNXtmyu8vsFMWA0JdG6jhjJYYLTXlK51jF_uCd4Md"
                                        class="card-img-top" alt="六合益萱民宿">
                                    <button class="favorite-btn" data-item-id="1" data-item-type="bnb" aria-label="加入最愛">
                                        <i class="far fa-heart"></i>
                                    </button>
                                    <div class="image-source">圖片來源: <a target="_blank" href="https://maps.google.com/maps/contrib/108825367653853915372">六合宿旅店 Liu He Su Hotel-櫃台10樓</a></div>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">六合益萱民宿</h5>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt text-muted me-1"></i>高雄市新興區                                    </p>
                                                                        <p class="card-text">
                                        <i class="fas fa-phone text-muted me-1"></i>
                                        <a href="tel:07-3645271" class="text-decoration-none">07-3645271</a>
                                    </p>
                                                                        <p class="card-text bnb-summary">高雄新興區的包棟民宿，近美麗島捷運站與六合夜市，六房可容納22人，適合家庭與團體住宿。</p>
                                    <div class="rating mb-2">
                                        <span class="text-warning">★4.4</span>
                                        <span class="ms-1">(252 評價)</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span></span>
                                        <!-- <span class="price-tag">NT$ 2,800/晚</span> -->
                                        <a href="/bnb/detail/id/8620" class="btn btn-outline-primary btn-sm">查看詳情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="position-relative">
                                    <img src="/googleMap/photo?refer=AWn5SU4-JRkRKTeaioK5rqY2Cpgr-R-JjTkJdGZhYZ3Ec_pGJ7sE7W2yldy3yTfiiuTdJMZy_a4GrWsCs_cdv8v1g_zh2J9dlxO_2Y9xMj-GgaU9j8egSWzcesH4PbXJhK0wSFjyp2sAnAiJOyECkBTa4cC1ltd0Nk-UUpUJ3bQ61ho3r6XznNIM4RatCqWRrH82NuCeFXriiwnUwUErh90L2X79hChzg-vm5w3k4fkpEvlOFn2tot7KkQJA2cCEKl1-xZatylFF75ZKYT9CfZJ3t4PMMJAWezUp0CnbKnkjQqS40f3HcfU"
                                        class="card-img-top" alt="老媽寶眷村民宿">
                                    <button class="favorite-btn" data-item-id="1" data-item-type="bnb" aria-label="加入最愛">
                                        <i class="far fa-heart"></i>
                                    </button>
                                    <div class="image-source">圖片來源: <a target="_blank" href="https://maps.google.com/maps/contrib/108092710571702677539">老媽寶眷村民宿-高雄民宿推薦</a></div>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">老媽寶眷村民宿</h5>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt text-muted me-1"></i>高雄市左營區                                    </p>
                                                                        <p class="card-text">
                                        <i class="fas fa-phone text-muted me-1"></i>
                                        <a href="tel:0980-424526" class="text-decoration-none">0980-424526</a>
                                    </p>
                                                                        <p class="card-text bnb-summary">老媽寶眷村民宿位於高雄左營，眷村風格民宿，提供空調與無線網路，鄰近蓮池潭與商圈，適合家庭與朋友出遊，交通較為方便。</p>
                                    <div class="rating mb-2">
                                        <span class="text-warning">★4.8</span>
                                        <span class="ms-1">(51 評價)</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span></span>
                                        <!-- <span class="price-tag">NT$ 2,800/晚</span> -->
                                        <a href="/bnb/detail/id/6991" class="btn btn-outline-primary btn-sm">查看詳情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="position-relative">
                                    <img src="/googleMap/photo?refer=AWn5SU65SAnhZyxwVrX1FjgAbaMLMhRyaI-NWPo-zL6pHDjOPV1-EVd8d5SgIDcLYEiEQbCNZ5UiIqJMlGeZFIUCgCbE9kKPlbI8pCYWNAZWHlZJ5ct1MTPSDn9isJg290sBLFXPRUutvKN8NTpIFF9C9SkOj6Z5EWMoWUssPTg6HpVDUH98wWDNkFyw6gAcDFyQNiH9BluDG2s1wvhWFhAKR6o2kGJqVkgJ_gzspYhgVqI_IRmwD3IBjy4prHH7Gy0YO7uO387hdERHYpvYiRd6BR7sOhHxwE7Itkxywx7NNLap9D4EnAU"
                                        class="card-img-top" alt="美濃客家庄">
                                    <button class="favorite-btn" data-item-id="1" data-item-type="bnb" aria-label="加入最愛">
                                        <i class="far fa-heart"></i>
                                    </button>
                                    <div class="image-source">圖片來源: <a target="_blank" href="https://maps.google.com/maps/contrib/114552166017561212495">美濃客家庄教學農場</a></div>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">美濃客家庄</h5>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt text-muted me-1"></i>高雄市美濃區                                    </p>
                                                                        <p class="card-text">
                                        <i class="fas fa-phone text-muted me-1"></i>
                                        <a href="tel:07-6810800" class="text-decoration-none">07-6810800</a>
                                    </p>
                                                                        <p class="card-text bnb-summary">位於高雄市美濃區的美濃客家庄民宿，提供雙人與五人房，鄉土體驗與客家美食，鄰近美濃民俗村，適合親子旅遊。</p>
                                    <div class="rating mb-2">
                                        <span class="text-warning">★4.2</span>
                                        <span class="ms-1">(341 評價)</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span></span>
                                        <!-- <span class="price-tag">NT$ 2,800/晚</span> -->
                                        <a href="/bnb/detail/id/8606" class="btn btn-outline-primary btn-sm">查看詳情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="position-relative">
                                    <img src="/googleMap/photo?refer=AWn5SU5_gopiGqwe2TYhrPcpiA7HiwqzW01eNOYnUoidSXsNfNWceOVGfG0TOMJUOH71wVB3TxKoHegzah146OE6x9crErmnj2z0DqXqDSxQkz7HqbYkV8bjyY0kc9g9rOjbRW6bUgVmh0so8gmuUUu2Jg18pIkFrqEnTxfExjYpvQO2UV_vihOH-yeHRds7NBNrVfrlZN9U3or2BGYcZ0Sk-noFHCUXvpcdfu5LzelK8F1VKbSgT1wVm6j0Y4H0UaAgqWy4Rj8GHwBqUGu1IWy_4b4pVPpLhCJyNDZ31oxZpfq9DxDSOqY"
                                        class="card-img-top" alt="小島公寓">
                                    <button class="favorite-btn" data-item-id="1" data-item-type="bnb" aria-label="加入最愛">
                                        <i class="far fa-heart"></i>
                                    </button>
                                    <div class="image-source">圖片來源: <a target="_blank" href="https://maps.google.com/maps/contrib/110296716845371132840">小島公寓</a></div>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">小島公寓</h5>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt text-muted me-1"></i>高雄市新興區                                    </p>
                                                                        <p class="card-text">
                                        <i class="fas fa-phone text-muted me-1"></i>
                                        <a href="tel:07-2388166" class="text-decoration-none">07-2388166</a>
                                    </p>
                                                                        <p class="card-text bnb-summary">位於高雄美麗島周邊的小島公寓，提供多種房型，含 wifi、冰箱與室內拖鞋，採生態友善政策，入住日常清潔有限，附餐飲優惠券。</p>
                                    <div class="rating mb-2">
                                        <span class="text-warning">★4.4</span>
                                        <span class="ms-1">(908 評價)</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span></span>
                                        <!-- <span class="price-tag">NT$ 2,800/晚</span> -->
                                        <a href="/bnb/detail/id/7032" class="btn btn-outline-primary btn-sm">查看詳情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="position-relative">
                                    <img src="/googleMap/photo?refer=AWn5SU6Ch5Sw92bBdJwPWLYFMJ7A1fbCg6J12x5Exnc3yxBvEOVoNWeC9tc2XNTgMu8HipqmoIdlPWSNi4dNpzh_qqVE4ebbKEYaZ0LNFC1gzIS0pZqQMglsmazj8QSExi62fDAx9I9Rj0dmh-uKkwphWcZI2AB6ldWAMDpl3xcVFx3d_5WnRzNhxTLF9-0lLlNpP7d8Ja9pJ8U4pykX_ig51J_acadoBuVTmCU7NZuVzZzOA4Tr4DEaNWbYjqcnxQViKW6fBCQ0nCBEEwHRV3yZMqWVlUD5rXjrPXwTs7ssbGi6aR-QDlc"
                                        class="card-img-top" alt="江舟商店">
                                    <button class="favorite-btn" data-item-id="1" data-item-type="bnb" aria-label="加入最愛">
                                        <i class="far fa-heart"></i>
                                    </button>
                                    <div class="image-source">圖片來源: <a target="_blank" href="https://maps.google.com/maps/contrib/109344903691984071796">江舟商店—大阪風スパイスカレー</a></div>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">江舟商店</h5>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt text-muted me-1"></i>高雄市左營區                                    </p>
                                                                        <p class="card-text">
                                        <i class="fas fa-phone text-muted me-1"></i>
                                        <a href="tel:0903-003452" class="text-decoration-none">0903-003452</a>
                                    </p>
                                                                        <p class="card-text bnb-summary">位於高雄左營區建業新村的江舟商店，以航海風格結合古早風情，提供預約制民宿與餐宴體驗。</p>
                                    <div class="rating mb-2">
                                        <span class="text-warning">★5.0</span>
                                        <span class="ms-1">(8 評價)</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span></span>
                                        <!-- <span class="price-tag">NT$ 2,800/晚</span> -->
                                        <a href="/bnb/detail/id/8501" class="btn btn-outline-primary btn-sm">查看詳情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="position-relative">
                                    <img src="/googleMap/photo?refer=AWn5SU4fNqoVedxF1rkGGOmeTGGK34oJLOvTkv9Q08OBTbrLKAr-i02WfIDqxJaO6MlTzu5imRZf999-HlWR1t62UT7zrgzSnLrPiWV6Z9tx4P0f0tOVCVzdlI8Hp42Qt3E9mL_Iep-Hs1JAR2PfQxKei14_7N_-UffVmCSha8OB45YAr0ur_Cb_Dw5eWYpEWAEyX3uhdtckekrjxWEGq7wb2ZoRX2nct55xOKatCj5nvJJiVk5HBkK1hTVUFCcFH8brVrWB-awhdyPDvCDM0XThLe3BSveU6LW5whNhLfNb69Jo_Dz7a9yHM5Ex10o2kFSchpnO9ZGQvqpIIJW5MBioQoRh5akh6T7A11d9f0rDn1MfDqssAUwBcPLGeoGlQ7RI8C_RLcVMjHIS5JUKc7OtdTr73lsoCEP0GGpGpxre-sVCVd2E9WifCwpRNyEVglzcqI4WOqaK1fPiuMX847OpuR6Sm8soibJ2sx9az_SoR3Ex_B3dfLnCNQDRZXRJbjeXkYfQe6CxpU7099vlEaqz2zCecrVVGUHxdHQEXxYj0DzIr_-R8m_EN-6GmSivQ1P-IyXNCvnvIzlf-A"
                                        class="card-img-top" alt="你好哇寓所">
                                    <button class="favorite-btn" data-item-id="1" data-item-type="bnb" aria-label="加入最愛">
                                        <i class="far fa-heart"></i>
                                    </button>
                                    <div class="image-source">圖片來源: <a target="_blank" href="https://maps.google.com/maps/contrib/117358214667133470289">班班美食生活圈（班班）</a></div>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">你好哇寓所</h5>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt text-muted me-1"></i>高雄市鹽埕區                                    </p>
                                                                        <p class="card-text">
                                        <i class="fas fa-phone text-muted me-1"></i>
                                        <a href="tel:0932-828922" class="text-decoration-none">0932-828922</a>
                                    </p>
                                                                        <p class="card-text bnb-summary">高雄鹽埕區的包棟民宿，提供22人容量，適合團體聚會，風格偏復古老屋，鄰近駁二與愛河等景點。</p>
                                    <div class="rating mb-2">
                                        <span class="text-warning">★4.5</span>
                                        <span class="ms-1">(63 評價)</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span></span>
                                        <!-- <span class="price-tag">NT$ 2,800/晚</span> -->
                                        <a href="/bnb/detail/id/7238" class="btn btn-outline-primary btn-sm">查看詳情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="position-relative">
                                    <img src="/googleMap/photo?refer=AWn5SU5qk1y-8yEHgI_lJ2oMCPPPs2dKKmTl6fsynfBRA9R5sC2vZsoa7VexAy6C5lyS8SGBas_pGNg4W1hlUtuhpjP25BqcThvAYuarth-IC4sxOV1F4n4JyuBUPO3qXfTWU4sCYtktbDfLWw-RUN0eBxs3aAM7lt2Y-1wzoJpq_k6xr8cIR9RxHoJbivuuM4vYBi8qf6Gq_-_ygOOu3LyvLSEnVVBwu1Q1lDZwMa077WhlrGB_DC7aGWUrmzRKBGG75QuGPfkT4_hqO0H-yOgBr5gd74kSTdYNZ2B83Z6HRvOFq-Ewt2Es2GVR0FsY2nvgblO_IRb1oOkmPjUBnYEeLC9_iTfgyyBuDRFSKgrfqV-LtHTauEgpesZ7gimFvfME9sxOLxxyEG-ZjL9LkrWo7gAvU6zrmRboSFVlz26p4memLY14nup5qIYdRRCIoNs-aJ3gN08u4COda8NAHxp0ovYe9XO3s6oon_F-iD4J0uaxtvxccqJqXHqaGDLQ8lcCmSoXZPCq7CcPgflVm_DpOlA6ti_UPuM43urfNNs6e226EK-jw1XAcPRNOoQrT58mH9rKGqAUwL-xNVtd_7A161-Pj22uLA"
                                        class="card-img-top" alt="銀座聚場">
                                    <button class="favorite-btn" data-item-id="1" data-item-type="bnb" aria-label="加入最愛">
                                        <i class="far fa-heart"></i>
                                    </button>
                                    <div class="image-source">圖片來源: <a target="_blank" href="https://maps.google.com/maps/contrib/100707626912773751417">情時多雨</a></div>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">銀座聚場</h5>
                                    <p class="card-text">
                                        <i class="fas fa-map-marker-alt text-muted me-1"></i>高雄市鹽埕區                                    </p>
                                                                        <p class="card-text">
                                        <i class="fas fa-phone text-muted me-1"></i>
                                        <a href="tel:07-5215360" class="text-decoration-none">07-5215360</a>
                                    </p>
                                                                        <p class="card-text bnb-summary">位於高雄鹽埕區的70年老屋包棟民宿，靠近高雄銀座商場，一次接待不超過八人，適合想放慢步調的旅人。</p>
                                    <div class="rating mb-2">
                                        <span class="text-warning">★4.7</span>
                                        <span class="ms-1">(380 評價)</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span></span>
                                        <!-- <span class="price-tag">NT$ 2,800/晚</span> -->
                                        <a href="/bnb/detail/id/7243" class="btn btn-outline-primary btn-sm">查看詳情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                                            </div>

                    <!-- 分頁 -->
                    <nav aria-label="搜尋結果分頁">
                        <div class="d-flex justify-content-center">
                            <ul class="pagination"><li class="disabled"><span>&laquo;</span></li> <li class="active"><span>1</span></li><li><a href="/bnb?page=2">2</a></li><li><a href="/bnb?page=3">3</a></li> <li><a href="/bnb?page=2">&raquo;</a></li></ul>                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</main>
{/block}