{extends file='cms_template:csm master'}

{block name='content'}


        <!-- breadcrumb area start -->
    <!-- rts breadcrumb area start -->
    <div class="rts-breadcrumb-area one" data-bg-src="{uploads_url}/csm/assets/images/breadcrumb/01.webp">
        <div class="container h-100">
            <div class="breadcrumb-area-wrapper">
                <div class="nav-bread-crumb">
                    <a href="index.html">Home</a>
                    <span><i class="fa-regular fa-chevron-right"></i></span>
                    <a href="#" class="current">Packages</a>
                </div>
                <h1 class="title">CSM Packages</h1>
            </div>
        </div>
    </div>
    <!-- rts breadcrumb area end -->
    <!-- breadcrumb area end -->

    <div class="rts-tour-area inner rts-section-gap">
        <div class="container">
            <div class="section-inner">
                <div class="row g-5">
                    <div class="col-lg-12">
                        <!-- filter top-area  -->
                        <div class="filter-small-top-full mb--30">
                            <div class="left-filter">

                                <span>4 tours found</span>
                            </div>
                            <div class="right-filter">
                                <span class="filter">Clear Filter</span>
                                <div class="form-area">
                                    <div class="custom-select">
                                        <span class="dropdown-icon">
                                            <i class="fa-solid fa-chevron-down"></i>
                                        </span>
                                        <div class="custom-select-trigger">Short By</div>
                                        <ul class="custom-options" style="height: 0px;">
                                            <li class="option selected" data-value="1">Hiking</li>
                                            
                                        </ul>
                                        <input type="hidden" name="child" value="1">
                                    </div>
                                </div>
                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">
                                            <i class="fa-light fa-grid-2"></i>
                                        </button>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">
                                            <i class="fa-light fa-list"></i>
                                        </button>
                                    </li>
                                </ul>

                            </div>
                        </div>
                        <!-- filter top-area end -->
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                <div class="row g-5">


                                
{LISEPackages pagelimit=12 summarytemplate=package_summary_1}

                                   
                                    
                                </div>
                            </div>
                            <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                <div class="row g-5">
                                    <div class="col-lg-12">


{LISEPackages pagelimit=12 summarytemplate=package_summary_2}                                    

                                    

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="rts-course-pagination-area mt--50">
                    <ul>
                        <li><button class="active">01</button></li>
                      
                        <li><button><i class="fa-regular fa-chevron-right"></i></button></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
{/block}