title = "Travel"
url = "/travel/:catslug/:slug/:contentslug?"
layout = "main"
is_hidden = 0
lazy_load = 1
meta_title = "{{ productDetails.record.title }} | {{ sectionTitle }}"
meta_description = "{{ sectionDescription|striptags|slice(0,300) }}"
enabled_in_sitemap = 1
model_class = "Webmors\Catalog\Models\Section"
model_all_posts = 0
model_include_default = 0
use_updated_at = 1
changefreq = "always"
priority = 0.1
og_title = "{{ productDetails.record.title }} island"
og_description = "{{ productDetails.record.preview_text }}"
og_ref_image = "{{ productDetails.record.cover }}"

[builderDetails productDetails]
modelClass = "Webmors\Catalog\Models\Product"
identifierValue = "{{ :slug }}"
modelKeyColumn = "slug"
displayColumn = "title"
notFoundMessage = "Record not found"

[builderDetails categoryDetails]
modelClass = "Webmors\Catalog\Models\Category"
identifierValue = "{{ :catslug }}"
modelKeyColumn = "catslug"
displayColumn = "id"
notFoundMessage = "Record not found"

[builderList productList]
modelClass = "Webmors\Catalog\Models\Product"
scope = "scopeProducts"
scopeValue = 1
displayColumn = "id"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"

[builderDetails commonDetails]
modelClass = "Webmors\Webconfig\Models\Common"
identifierValue = 1
modelKeyColumn = "id"
displayColumn = "id"
notFoundMessage = "Record not found"
==
<?php
use \Webmors\Catalog\Models\Product;

function onStart()
{
    $product = Product::with('sections')->where('slug',$this->param('slug'))->first();
    if (!$product)
    {
        return \Redirect::to('404');
    }
    $mainSection = null;
    $tabs = array();
    $isActive = 0;
    foreach ($product->sections as $section)
    {
        $sectionName = $section->tabsection->name;
        $tabName = $section->tabsection->tab->name;
        $tabSlug = $section->tabsection->tab->tabslug;
        $sectionId = $section->tabsection->sort_order;
        $tabId = $section->tabsection->tab->sort_order;
        $sectionSlug = $section->contentslug;
        $sectionUrl = '/travel/'.$this->param('catslug').'/'.$this->param('slug').'/'.$sectionSlug;
        if (!array_key_exists($tabId,$tabs))
        {
            $tabs[$tabId] = new stdClass();
            $tabs[$tabId]->name = $tabName;
            $tabs[$tabId]->slug = $tabSlug;
            $tabs[$tabId]->url = $sectionUrl;
            $tabs[$tabId]->active = 0;
        }

        $currentActive = 0;
        if (!$isActive)
        {
            if (!$this->param('contentslug') || $section->contentslug == $this->param('contentslug'))
            {
                $isActive = 1;
                $currentActive = 1;
                $tabs[$tabId]->active = 1;
                $mainSection = $section;
            }
        }
        
        if (!property_exists($tabs[$tabId], 'sections'))
        {
            $tabs[$tabId]->sections = array();
        }
        $tabs[$tabId]->sections[$sectionId]['content'] = $section;
        $tabs[$tabId]->sections[$sectionId]['name'] = $sectionName;
        $tabs[$tabId]->sections[$sectionId]['url'] = $sectionUrl;
        $tabs[$tabId]->sections[$sectionId]['slug'] = $sectionSlug;
        $tabs[$tabId]->sections[$sectionId]['active'] = $currentActive;
    }
    ksort($tabs);
    foreach ($tabs as $key=>$tab)
    {
        ksort($tab->sections);
        $tabs[$key]->url = array_values($tab->sections)[0]['url'];
    }
    $this['tabs'] = $tabs;
    $sectionDescription = "";
    if ($mainSection)
    {
        $this['sectionTitle'] = $mainSection->title;
        if ($mainSection->description)
        {
            $sectionDescription = $mainSection->description;
        }
        else if ($mainSection->listitems && is_array($mainSection->listitems))
        {
            $sectionDescription = $mainSection->listitems[0]->description;
        }
        else if ($mainSection->accorditems && is_array($mainSection->accorditems))
        {
            $sectionDescription = $mainSection->accorditems[0]['text'];
        }
        $this['sectionDescription'] = $sectionDescription;
    }
    else
    {
        $this['sectionTitle'] = $product->title;
        $this['sectionDescription'] = $product->preview_text;
    }
}
?>
==
{% set productDetail = productDetails.record %}
{% set commonDetail = commonDetails.record %}
{% set categoryDetail = categoryDetails.record %}
{% set mainurl = "" %}
    {% partial 'main-site/slider' pageH1=productDetail.title slideImage=productDetail.cover|media includeSearch=1 %}
    {% partial 'main-site/searchbar.htm' countryGuess=productDetail.title inSlider=1 %}
    <!-- social icons starts -->
    {% partial 'main-section/sharesocial' commonDetail=commonDetail productDetail=productDetail %}
    <!-- social icons end -->
    {% if backendLoggedIn and editMode %}
        <a style="position:relative;top:0;left:0;border-radius:0;z-index:10000000;width:150px;" class="btn btn-success btn-sm" href="{{ url('/') }}{{ backendUri }}/webmors/catalog/products/update/{{ productDetail.id }}" role="button" target="_blank">Edit item</a>
    {% endif %}
   <!-- sticky menu-section-btn-area -->
   <div class="trvel-btn-area sticky-menu mt-0 wow fadeInUp">
      <div class="container">
         <form action="#" class="d-flex justify-content-center travel-btn-form">
            <div class="travel-select-div d-flex">
                {% for tabname in tabs %}
                    {% set countTab = (loop.index%5)+1 %}
                    {% if loop.first %}
                        {% set mainurl = tabname.url %}
                    {% endif %}
                    <div class="d-block travel-drp w-100 {% if tabname.active %}active active2{% endif %}">
                        <button type="button" class="d-block w-100 item-selects {% if tabname.active %}active{% endif %} {% if loop.last and 0 %} border-0{% endif %}" id="{{ tabname.slug }}accord" {% if not tabname.active %}onclick="location.href='{{ tabname.url }}';"{% endif %}><img src="{{ ('assets/assetsmain/images/icon' ~ countTab ~ '.svg')|theme }}" alt="image"><span>{{ tabname.name }}</span></button>
                    </div>
                {% endfor %}
                    <div class="d-block travel-drp w-100">
                        <button type="button" class="d-block w-100 item-selects border-0">
                        {% partial 'main-site/searchLine' products=categoryDetail.products justSelect=1 %}
                        </button>
                        {% put styles %}
                        <style>
                        .select2-selection--single
                        {
                            border: none! important;
                        }
                        </style>
                        {% endput %}
                    </div>
            </div>
         </form>
      </div>
   </div>
    
    {% set currentSection = "" %}
   <div class="location__track">
    <div class="row">
        <div class="col-2">
            <div class="location__track--sticky" style="max-width: 250px;">
             <form action="#" class="travel-btn-form">
                <div class="travel-select-div d-flex">
                    {% for tabname in tabs if tabname.active %}
                        {% for section in tabname.sections %}
                            {% set countTab = (loop.index%5)+1 %}
                            {% if tabname.sections|length > 1 %}
                                <div class="d-block travel-drp w-100">
                                    <button type="button" class="d-block w-100 item-selects {% if section.active %}active{% endif %} {% if loop.last %} border-0{% endif %}" {% if not section.active %}onclick="location.href='{{ section.url }}';"{%endif%}><img src="{{ ('assets/assetsmain/images/icon' ~ countTab ~ '.svg')|theme }}" alt="image" style="max-width: 30px; padding-right: 5px;"><span>{{ section.name }}</span></button>
                                </div>
                            {% endif %}
                            {% if section.active %}
                                {% set currentSection = section %}
                            {% endif %}
                        {% endfor %}
                    {% endfor %}
                </div>
             </form>
            </div>
        </div>
        <div class="col-10">
            {% set section = currentSection %}
            <!--information-area start here -->
            <section class="inform-area-destinations">
             <div class="">
                <div class="row">
                   <div class="col-12">
                        <!-- Content -->
                        <div class="inform-left tabContent">
                            <p class="wow fadeInUp">
                            </p>
                            {% if section.content.gallery %}
                            {% partial 'island/gallery' gallery=section.content.gallery %}
                            <br><br>
                            {% endif %}
                            {% if section.content.description %}
                            {{ section.content.description|raw }}
                            {% endif %}
                            {% if section.content.listitems %}
                            {% partial 'island/list' list=section.content.listitems %}
                            {% endif %}
                            {% if section.content.accorditems %}
                            {% partial 'island/accordion' accorditems=section.content.accorditems title=section.slug%}
                            {% endif %}
                       </div>
                   </div>
                </div>
             </div>
            </section>
        </div>
    </div>
   </div>

        <!-- =================== TAB AREA END ===================== -->
{% put scripts %}
    <script>
    $( document ).ready(function() {
        $('.slider__main__blk').slick({
            slidesToShow: 2,
            slidesToScroll: 1,
            items: 3,
            arrows: true,
            dots: false,
            vertical: true,
            verticalSwiping: true,
            autoplay: true,
            autoplaySpeed: 2500
        });
    });

    $( document ).ready(function() {
        //--- Venobox -----
        new VenoBox({
            selector: '.my-image-links',
            numeration: true,
            infinigall: true,
            share: true,
            spinner: 'rotating-plane'
        });
    });

      // venobox active
      new VenoBox({
         selector: '.galary-img',
         numeration: true,
         infinigall: true,
         share: true,
         spinner: 'rotating-plane'
      });
    </script>        
{% endput %}