{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 -->
    
    

    <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">


                            </div>
                            <div class="right-filter">
                                <span class="filter"><a href="cmss/packages">Clear Filter</a></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">Filter By</div>
                                        <ul class="custom-options" style="height: 0px;">
                                            <li class="option selected" data-value="1">Hiking</li>

                                            <li class="option"><a class=" page" href="/cmss/packages?tt=Self%20Drive">Self
                                                    Drive</a></li>
                                            <li class="option"><a class=" page" href="/cmss/packages?tt=Small%20Group">Small
                                                    Group</a></li>

                                            <li class="option"><a class=" page"
                                                    href="/cmss/packages?tt=Train%20Journey">Train</a></li>
                                            <li class="option"><a class=" page" href="/cmss/packages?tt=Winter">Winter</a>
                                            </li>
                                            <li class="option"><a class=" page"
                                                    href="/cmss/packages?tt=Soft%20Package">Soft</a></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=112 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=112 summarytemplate=package_summary_2}



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

            </div>
        </div>
    </div>
{/block}