title = "Travel"
url = "/travel/:catslug/:slug/:contentslug?"
layout = "default"
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 categoryDetail = categoryDetails.record %}
{% set commonDetail = commonDetails.record %}
{% put styles %}
<style>
.slider__main__content {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: end;
    padding-left: 25px;
    padding-right: 100px;
    /*padding-top: 110px;*/
}
.back__btn__blk {
    padding-top: 0px;
    margin-bottom: 10px;
    margin-right: 20px;
}
.tab__area {
    padding-top: 20px;
    padding-bottom: 0px;
}
.tab__topbar {
    text-align: center;
    padding-bottom: 10px;
}
</style>
{% endput %}
{% put styles %}
<style>
.divimage {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.bgdivimg {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.oc-link-strong
{
    color: #fff;
    background-color: #ff0068;
    border-color: transparent;
    border-radius: 5px;
    padding: 10px;
}
</style>
{% endput %}
{#
<div class="main overflow-hidden">
#}
{% set mainurl = "" %}
<div class="social-icons d-flex flex-column gap-2 position-fixed top-50 translate-middle-y end-0 me-3">
        {% set whatsapp = "" %}
        {% for social in commonDetail.social_repeater if "wa.me" in social.link %}
            {% set whatsapp=social.link %}
        {% endfor %}

      <a title="whatsapp" href="{{ whatsapp }}" class="whatsapp-icons d-inline-block"><img src="https://devcarib.buznames.com/themes/caribbeanctt/assets/assetsmain/images/whatsapp2.svg" alt="whatsapp" class="w-100 h-100" style="max-width: 1024px;" loading="lazy"></a>
      <a title="email" href="mailto:{{ commonDetail.email_repeater.0.email }}?subject={{ productDetail.title }}" class="mail-icon d-inline-block"><img src="https://devcarib.buznames.com/themes/caribbeanctt/assets/assetsmain/images/email2.svg" alt="email" class="w-100 h-100" style="max-width: 1024px;" loading="lazy"></a>
      <a title="share" href="#" class="share-icon d-flex align-items-center justify-content-center rounded-circle"><i class="fa-solid fa-share"></i></a>
      <span class="result" hidden></span>
</div>
{% put scripts %}
<script>
const shareData = {
  title: "Caribbean Travel And Tours",
  text: "{{ productDetail.title }}",
  url: "{{ currentPageUrl }}",
};

const btn = document.querySelector(".share-icon");
const resultPara = document.querySelector(".result");

// Share must be triggered by "user activation"
btn.addEventListener("click", async () => {
  try {
    await navigator.share(shareData);
    resultPara.textContent = shareData.title;
  } catch (err) {
    resultPara.textContent = `Error: ${err}`;
  }
});
</script>
{% endput %}
<div class="main">
        <!-- =================== Slider AREA START ===================== -->
        <div class="slider__area" style="min-height: 250px;">
            <div class="slider__left__blk divimage">
            <img src="{{ productDetail.cover|media }}" class="bgdivimg" noresize alt="{{ productDetail.title }}">
                <div class="slider__main__content">
                    <div class="slider__pages">
                        <div class="back__btn__blk">
                            <a href="#" onclick="history.back()"><i class="fal fa-long-arrow-left"></i>Go Back</a>
                        </div>
                        <a href="/">Home</a>
                        {% if this.param['slug'] %}
                        <a href="{{ 'travel-cat'|page({ catslug:this.param['catslug'] }) }}">{{productDetail.category.name}}</a>
                        <span>Information</span>
                        {% else %}
                        <span>{{ categoryDetail.name }}</span>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
        <!-- =================== Slider AREA START ===================== -->

        {% if this.param['slug'] %}
        <!-- =================== SERVICE AREA START ===================== -->
         {% partial 'common/searchbar.htm' countryGuess=productDetail.title %}
         {#
        <section class="date__area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                    
                        <div class="date__main__blk">
                         {#
                     <div class="nice__number__area">
                         <form action="/ibe">
                             <button class="search-now" style="margin-top: 0px;font-size: 16px;padding: 5px 20px;">
                                 {{ 'Create your personalised trip'|_ }}
                             </button>
                         </form>
                     </div>
                         #}
                        {#
                            <div class="date__title">
                                <p><i class="fas fa-map-marker-alt"></i>{{ productDetail.title }}</p>
                            </div>
                            <div class="">
                             <label for="#" style="color: white">Select your dates:</label>
                             <input type="text" name="daterange"
                                 value="{{ now|date("m/d/Y") }} - {{ now|date_modify("+1 day")|date("m/d/Y") }}" style="min-width: 190px;"/>
                            </div>
                            <div class="date__select__blk">
                                <select name="" id="">
                                    <option value="">Accomodation</option>
                                    <option value="">Hotel</option>
                                </select>
                            </div>
                            <div class="date__btn__blk">
                                <button type="button">{{ 'Create your personalised trip'|_ }}</button>
                            </div>
                            #}
        {#
                        </div>
                    </div>
                </div>
            </div>
        </section>
        #}
        <!-- =================== SERVICE AREA END ===================== -->


        <!-- =================== TAB AREA START ===================== -->
        <section class="tab__area">
            {% 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 %}
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="tab__topbar">
                            <h2>{{ productDetail.title }} Information</h2>
                            {#
                            <p><i class="fas fa-map-marker-alt"></i>20+ Beaches</p>
                            #}
                        </div>
                    </div>
                </div>
                <div class="row d-block d-md-none d-lg-none">
                    <div class="col-lg-12">
                        <div class="tab__main__wrap tab__main__blk">
                            <ul class="nav nav-tabs tab_main" id="myTab" role="tablist">
                                {% for tabname in tabs %}
                                {% if loop.first %}
                                {% set mainurl = tabname.url %}
                                {% endif %}
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link tab_main {% if tabname.active %}active{% endif %}" id="{{ tabname.slug }}accord" data-bs-toggle="tab"
                                        data-bs-target="#{{ tabname.slug }}accord" type="button" role="tab" aria-controls="{{ tabname.slug }}accord"
                                        aria-selected="true" onclick="location.href='{{ tabname.url }}';">{{ tabname.name }}</button>
                                </li>
                                {% endfor %}
                            </ul>
                            <div class="tab-content" id="myTabContent">
                                {% for tabname in tabs %}
                                <div class="tab-pane fade show {% if tabname.active %}active{%endif%}" id="{{ tabname.slug }}tabaccord" role="tabpanel"
                                    aria-labelledby="{{ tabname.slug }}accord">                             
                                    <div class="tab__inner__one">
                                        <div class="accordion" id="{{ tabname.slug }}tabaccord">
                                        {% for section in tabname.sections if not section.active %}
                                            <div class="accordion-item">
                                                {% if tabname.sections|length > 1 %}
                                                <h2 class="accordion-header" id="heading-{{ section.slug }}">
                                                    <button class="accordion-button {% if not section.active %}collapsed{% endif %}" type="button"
                                                        data-bs-toggle="collapse" {% if section.active %}data-bs-target="#collapse-{{ section.slug }}"{% endif %}
                                                        aria-expanded="{% if not section.active %}false{% else %}true{% endif %}" aria-controls="collapse-{{ section.slug }}" {% if not section.active %}onclick="location.href='{{ section.url }}';"{%endif%}>
                                                        {{ section.name }}
                                                    </button>
                                                </h2>
                                                {% endif %}
                                                {#
                                                <div id="collapse-{{ section.slug }}" class="accordion-collapse collapse {% if section.active %}show{%endif%}"
                                                    aria-labelledby="heading-{{ section.slug }}" data-bs-parent="#{{ tabname.slug }}tabaccord">
                                                    <div class="accordion-body">
                                                        {% if section.active %}
                                                        <div class="tab__content__blk">
                                                            <div class="tab__topbar__1">
                                                                <div class="tab__social__1">
                                                                {% partial 'island/share' mainurl=mainurl %}
                                                                </div>
                                                                <h1>{{ section.content.title }}</h1>
                                                            </div>
                                                            <div class="tab__content__1">
                                                                <!-- Content -->
                                                                {% 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~"mob" %}
                                                                {% endif %}
                                                            </div>
                                                        </div>
                                                        {% endif %}
                                                    </div>
                                                </div>
                                                #}
                                            </div>                                            
                                        {% endfor %}
                                        {% for section in tabname.sections if section.active %}
                                            <div class="accordion-item">
                                                {% if tabname.sections|length > 1 %}
                                                <h2 class="accordion-header" id="heading-{{ section.slug }}">
                                                    <button class="accordion-button {% if not section.active %}collapsed{% endif %}" type="button"
                                                        data-bs-toggle="collapse" data-bs-target="#collapse-{{ section.slug }}"
                                                        aria-expanded="{% if not section.active %}false{% else %}true{% endif %}" aria-controls="collapse-{{ section.slug }}" {% if not section.active %}onclick="location.href='{{ section.url }}';"{%endif%}>
                                                        {{ section.name }}
                                                    </button>
                                                </h2>
                                                {% endif %}
                                                <div id="collapse-{{ section.slug }}" class="accordion-collapse collapse {% if section.active %}show{%endif%}"
                                                    aria-labelledby="heading-{{ section.slug }}" data-bs-parent="#{{ tabname.slug }}tabaccord">
                                                    <div class="accordion-body">
                                                        {% if section.active %}
                                                        <div class="tab__content__blk">
                                                            <div class="tab__topbar__1">
                                                                <div class="tab__social__1" style="padding: 20px;">
                                                                {% partial 'island/share' mainurl=mainurl description=productDetail.preview_text title=productDetail.title %}
                                                                </div>
                                                                <h1>{{ section.content.title }}</h1>
                                                            </div>
                                                            <div class="tab__content__1">
                                                                <!-- Content -->
                                                                {% 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~"mob" %}
                                                                {% endif %}
                                                            </div>
                                                        </div>
                                                        {% endif %}
                                                    </div>
                                                </div>
                                            </div>                                            
                                        {% endfor %}                                        
                                        </div>
                                    </div>
                                </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row d-none d-md-block d-lg-block">
                    <div class="col-lg-12">
                        <div class="tab__main__wrap tab__main__blk">
                            <ul class="nav nav-tabs tab_main" id="myTab" role="tablist">
                                {% for tabname in tabs %}
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link tab_main {% if tabname.active %}active{% endif %}" id="{{ tabname.slug }}" data-bs-toggle="tab"
                                        data-bs-target="#{{ tabname.slug }}" type="button" role="tab" aria-controls="{{ tabname.slug }}"
                                        aria-selected="true" onclick="location.href='{{ tabname.url }}';">{{ tabname.name }}</button>
                                </li>
                                {% endfor %}
                                {#
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link tab_main {% if this.param['contentslug'] == "booknow" %}active{% endif %}" id="booknowslug" data-bs-toggle="tab"
                                        data-bs-target="#booknowslug" type="button" role="tab" aria-controls="booknowslug"
                                        aria-selected="true" onclick="location.href='booknow?nz-url=%2Ftravel%2Froutes%3Fquery%3D{{ productDetail.title }}';">BOOK NOW</button>
                                        {#                                
                                        <a href="https://caribbeantravelandtours.com/ibe?nz-url=%2Ftravel%2Froutes%3Fquery%3D{{ productDetail.title }}"><button class="nav-link tab_main">BOOK NOW</button></a>
                                        #}
                                {#
                                </li>
                                #}
                                <li class="nav-item" role="presentation">
                                    {% set products = productList.records %}
                                    <select onchange="redirToDestination(this);">
                                      <option data-select="Select another destination" value="" selected="selected">Select another destination</option>
                                    {% for product in products %}
                                      <option value="{{ product.id }}">{{ product.title }}</option>
                                    {% endfor %}
                                    </select>
                                    
                                    {% put scripts %}
                                    <script>
                                    function redirToDestination(elem){
                                       switch(elem.value){
                                        {% for product in products %}
                                            case '{{ product.id }}':
                                            window.location = '/travel/islands/{{ product.slug }}/';
                                            break;
                                        {% endfor %}
                                         default:
                                           alert('Select letter');
                                           break;
                                       }//switch
                                    }//function
                                    </script>
                                    {% endput %}
                                </li>
                            </ul>
                            <div class="tab-content" id="myTabContent">
                                {% for tabname in tabs %}
                                <div class="tab-pane fade show {% if tabname.active %}active{%endif%}" id="{{ tabname.slug }}tab" role="tabpanel"
                                    aria-labelledby="{{ tabname.slug }}">
                                    <div class="tab__inner__one">
                                        <div class="d-flex align-items-start">
                                            {% if tabname.sections|length > 1 %}
                                            <div class="nav flex-column nav-pills me-3 sticky-top" id="v-pills-tab" role="tablist"
                                                aria-orientation="vertical" style="top: 100px">
                                                {% for section in tabname.sections %}
                                                <button class="nav-link {% if section.active %}active{%endif%}" id="v-pills-{{ section.slug }}-tab"
                                                    data-bs-toggle="pill" {% if section.active %}data-bs-target="#v-pills-{{ section.slug }}"{%endif%} type="button"
                                                    role="tab" aria-controls="v-pills-{{ section.slug }}"
                                                    aria-selected="true" onclick="location.href='{{ section.url }}';">{{ section.name }}</button>
                                                {% endfor %}
                                            </div>
                                            {% endif %}
                                            <div class="tab-content" id="v-pills-tabContent" style="border: none; border-top: solid 0.01rem;">
                                                {% for section in tabname.sections %}
                                                <div class="tab-pane fade show {% if section.active %}active{%endif%}" id="v-pills-{{ section.slug }}" role="tabpanel"
                                                    aria-labelledby="v-pills-{{ section.slug }}-tab">
                                                    <div class="tab__content__blk">
                                                        {% if section.active %}
                                                        <div class="tab__topbar__1" style="margin-left: -105px;">
                                                            <div class="tab__social__1" style="padding: 20px;">
                                                                {% partial 'island/share' mainurl=mainurl description=productDetail.preview_text title=productDetail.title %}
                                                            </div>
                                                            <h1>{{ section.content.title }}</h1>
                                                        </div>
                                                        <div class="tab__content__{{ section.slug }}">
                                                            <!-- Content -->
                                                            {% 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>
                                                        {% endif %}
                                                    </div>
                                                </div>
                                                {% endfor %}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {% endfor %}
                                <div class="tab-pane fade show {% if this.param['contentslug'] == "booknow" %}active{% endif %}" id="booknowslugtab" role="tabpanel"
                                    aria-labelledby="booknowslug">
                                    <div class="tab__inner__one">
                                        <div class="d-flex align-items-start">
                                            <div class="tab-content" id="v-pills-tabContent">
                                                <div class="tab-pane fade show {% if this.param['contentslug'] == "booknow" %}active{% endif %}" id="v-pills-booknowsection" role="tabpanel"
                                                    aria-labelledby="v-pills-booknowsection-tab">
                                                    <div class="tab__content__blk">
                                                        {% if this.param['contentslug'] == "booknow" %}
                                                        <div class="tab__topbar__1">
                                                            <div class="tab__social__1" style="padding: 20px;">
                                                                {% partial 'island/share' mainurl=mainurl description=productDetail.preview_text title=productDetail.title %}
                                                            </div>
                                                            <h1>Book Now</h1>
                                                        </div>
                                                        <div class="tab__content__booknowsection">
                                                            <!-- Content -->
                                                            <div id="booknowwrap">
                                                            <div id="nz-planner" data-template-filters="true"></div>
                                                            <script src="https://ibe.caribbeantravelandtours.com/integration/v1/breezetravel/embed.js" type="text/javascript"></script>
                                                            </div>
                                                            </div>
                                                        </div>
                                                        {% endif %}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <br><br>        
        {% else %}
        <div class="container" style="align-items:center; max-width: 960px;">
        <br><br>
        <h1>Discovery our {{categoryDetail.name}} </h1>
        {% for productrow in categoryDetail.products|batch(1) %}
         <div class="island__slider  owl-carousel">
            {% for product in productrow %}
             <div class="discover__single__slide__blk">
        {% if backendLoggedIn and editMode %}
            <a style="position:absolute;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/{{ product.id }}" role="button" target="_blank">Edit Item</a>
        {% endif %}
                 <div class="discover__slide__thumb">
                     <img src="{{ product.preview_image|media }}" alt="">
                 </div>
                 <div class="discover__slide__content">
                     <h2 style="color:#fff">{{ product.title }}</h2>
                 </div>
                 <div class="discover__overlay">
                     <h2 style="color:#fff">{{ product.title }}</h2>
                     {% set sectionFirst = product.sections|first %}
                     {% for section in product.sections if section.tabsection.sectionslug == 'overview' %}
                         {% set sectionFirst = section %}
                     {% endfor %}                                     
                     <a href="{{ 'travel-new'|page( {catslug:product.category.catslug, slug:product.slug, contentslug:sectionFirst.contentslug} ) }}">Discover</a>
                 </div>
             </div>
                 <span>{{ product.preview_text }} </span>
        {% endfor %}
        </div>
        {% endfor %}
        <br><br>
        </div>
        {% endif %}
        <!-- =================== 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
        });
    });
    </script>
    <script>
    $( document ).ready(function() {
        //--- Venobox -----
        new VenoBox({
            selector: '.my-image-links',
            numeration: true,
            infinigall: true,
            share: true,
            spinner: 'rotating-plane'
        });
    });
    </script>
    <script>
    $( document ).ready(function() {
        $element = $('.tab__content__blk p:last a');
        $element.parent().addClass("back__btn__blk");
        $element.css("color", "#fff");
    });
    </script>
{% endput %}