title = "Trip"
url = "/trip/:slug"
layout = "default"
is_hidden = 0
lazy_load = 1
robot_index = "index"
robot_follow = "follow"
enabled_in_sitemap = 1
model_all_posts = 0
model_include_default = 0
use_updated_at = 1
changefreq = "always"
priority = 0.1

[builderDetails]
modelClass = "Webmors\Webconfig\Models\Page"
identifierValue = 1
modelKeyColumn = "id"
displayColumn = "id"
notFoundMessage = "Record not found"

[builderDetails commonDetails]
modelClass = "Webmors\Webconfig\Models\Common"
identifierValue = 1
modelKeyColumn = "id"
displayColumn = "id"
notFoundMessage = "Record not found"
==
<?php
function onStart()
{
    $slug = $this->param('slug');
    
    $searchString = "https://breezetravel-ibe.stg.tripbuilder.app/discovery/v1.0/trips?";

    if ($slug != "")
    {
        $searchString .= "filter[url-id]=".$slug."&";
    }

    $this["listing"] = json_decode(Http::get($searchString))->data->attributes;
    if(0)
    {
        $this["listing"] = json_decode(Http::get($searchString));
        echo "<pre>";
        echo print_r($this["listing"]);
       //echo var_dump($this["listing"]->fromPrices[0]->value->currencyValueStringExact);die;
        //echo print_r($this["listing"]->infoSections);
        echo "</pre>";die;
    }
}
?>
==
{% if this.param['slug'] == "cruising-5-city-road-trip-jamaica-group-tour" %}
<!-- Sojern Tag v6_js, Pixel Version: 1 -->
<script src='https://static.sojern.com/utils/sjrn_autocx.js'></script>
<script>
(function () {
/* Please fill the following values. */
var params = {
pc: "", /* Page Category */
sha256_eml: "", /* Hashed Email SHA256 */
sha1_eml: "", /* Hashed Email SHA1 */
md5_eml: "", /* Hashed Email MD5 */
ccid: "" /* Client Cookie id */
};

/* Please do not modify the below code. */
try{params = Object.assign({}, sjrn_params, params);}catch(e){}
var cid = [];
var paramsArr = [];
var cidParams = [];
var pl = document.createElement('iframe');
var defaultParams = {"vid":"hot"};
for(key in defaultParams) { params[key] = defaultParams[key]; };
for(key in cidParams) { cid.push(params[cidParams[key]]); };
params.cid = cid.join('|');
for(key in params) { paramsArr.push(key + '=' + encodeURIComponent(params[key])) };
pl.type = 'text/html';
pl.setAttribute('style','height:0; width: 0; display:none;');
pl.async = true;
pl.src = 'https://static.sojern.com/cip/w/s?id=390710&f_v=v6_js&p_v=1&' + paramsArr.join('&');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(pl);
})();
</script>
<!-- End Sojern Tag -->
{% elseif this.param['slug'] == "trial-antigua-and-st-lucia-culinary-escape-1" %}
<!-- Sojern Tag v6_js, Pixel Version: 1 -->
<script src='https://static.sojern.com/utils/sjrn_autocx.js'></script>
<script>
(function () {
/* Please fill the following values. */
var params = {
pc: "", /* Page Category */
sha256_eml: "", /* Hashed Email SHA256 */
sha1_eml: "", /* Hashed Email SHA1 */
md5_eml: "", /* Hashed Email MD5 */
ccid: "" /* Client Cookie id */
};

/* Please do not modify the below code. */
try{params = Object.assign({}, sjrn_params, params);}catch(e){}
var cid = [];
var paramsArr = [];
var cidParams = [];
var pl = document.createElement('iframe');
var defaultParams = {"vid":"hot"};
for(key in defaultParams) { params[key] = defaultParams[key]; };
for(key in cidParams) { cid.push(params[cidParams[key]]); };
params.cid = cid.join('|');
for(key in params) { paramsArr.push(key + '=' + encodeURIComponent(params[key])) };
pl.type = 'text/html';
pl.setAttribute('style','height:0; width: 0; display:none;');
pl.async = true;
pl.src = 'https://static.sojern.com/cip/w/s?id=390711&f_v=v6_js&p_v=1&' + paramsArr.join('&');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(pl);
})();
</script>
<!-- End Sojern Tag -->
{% else %}
<!-- Sojern Tag v6_js, Pixel Version: 1 -->
<script src='https://static.sojern.com/utils/sjrn_autocx.js'></script>
<script>
(function () {
/* Please fill the following values. */
var params = {
pc: "", /* Page Category */
sha256_eml: "", /* Hashed Email SHA256 */
sha1_eml: "", /* Hashed Email SHA1 */
md5_eml: "", /* Hashed Email MD5 */
ccid: "" /* Client Cookie id */
};

/* Please do not modify the below code. */
try{params = Object.assign({}, sjrn_params, params);}catch(e){}
var cid = [];
var paramsArr = [];
var cidParams = [];
var pl = document.createElement('iframe');
var defaultParams = {"vid":"hot"};
for(key in defaultParams) { params[key] = defaultParams[key]; };
for(key in cidParams) { cid.push(params[cidParams[key]]); };
params.cid = cid.join('|');
for(key in params) { paramsArr.push(key + '=' + encodeURIComponent(params[key])) };
pl.type = 'text/html';
pl.setAttribute('style','height:0; width: 0; display:none;');
pl.async = true;
pl.src = 'https://static.sojern.com/cip/w/s?id=390712&f_v=v6_js&p_v=1&' + paramsArr.join('&');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(pl);
})();
</script>
<!-- End Sojern Tag -->
{% endif %}
{% set record = builderDetails.record %}
{% set commonDetail = commonDetails.record %}

<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={{ listing.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: "{{ listing.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 %}
{% set record = builderDetails.record %}
<div class="main overflow-hidden">
    {% 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 %}
    <!-- =================== Slider AREA START ===================== -->
    <div class="slider__area">
        <div class="slider__left__blk" style="background-image: url({{ record.about_hero|media }});">
            <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>
                    <span>Search</span>
                </div>
            </div>
        </div>
    </div>
    <!-- =================== Slider AREA START ===================== -->

    {% partial 'common/searchbar' nodrop=1 %}
    {% set path = "routes" %}
    {% if this.param['slug'] %}
        {% set path = this.param['slug'] %}
    {% endif %}

    <div class="main overflow-hidden">
        <!-- =================== Slider AREA START ===================== -->
        
        <!-- =================== SERVICE 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:200px;" class="btn btn-success btn-sm" href="{{ url('/') }}{{ backendUri }}/webmors/webconfig/pagesuser/update/1#primarytab-about" role="button" target="_blank">Edit About us</a>
            {% endif %}
            <div class="container mw-100">
            {#
            <div id="nz-planner" data-template-filters="true"></div>
            <div id="nz-planner" onload="nz.init()" data-init-url="/travel/create-itinerary" data-template-filters="true"></div>
            <script src="https://ibe.caribbeantravelandtours.com/integration/v1/breezetravel/embed.js" type="text/javascript"></script>
            #}
            <div id="nz-planner" onload="nz.init();framescrolltotop();" data-init-url="/travel/routes/{{ path }}" data-template-filters="true"></div>

            {% put styles %}
            <script language="javascript">
            
            function framescrolltotop() {
            
            scroll(0,0);
            
            }
            
            </script>
            <script src="https://ibe.caribbeantravelandtours.com/integration/v2/breezetravel/embed.js" type="text/javascript"></script>
            {% endput %}
            </div>
        </section>
    </div>
</div>