title = "IBE"
url = "/ibe"
layout = "default"
is_hidden = 0
lazy_load = 1
meta_title = "Caribbean Travel and Tours - The First Dedicated Marketplace For Selling Caribbean Travel Experiences!"
meta_description = "Travel Marketplace Dedicated to Selling Caribbean Experiences - One-stop shop booking for Caribbean experiences - packages, accommodations, tours, activities, transfers, and flights"
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"
==
{% 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>IBE Bookings</span>
                </div>
            </div>
        </div>
    </div>
    <!-- =================== 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()" data-init-url="/travel/routes" data-template-filters="true"></div>
        #}
        <div id="nz-planner" onload="nz.init();" data-init-url="/planner-copilot" data-template-filters="true"></div>
        {#
        {% put scripts %}
            <script language="javascript">
                var observeDOM = (function() {
                  var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
                
                  return function(obj, callback) {
                    if (!obj || obj.nodeType !== 1) {
                      return;
                    }
                
                    if (MutationObserver) {
                      // define a new observer
                      var mutationObserver = new MutationObserver(callback);
                
                      // have the observer observe for changes in children
                      mutationObserver.observe(obj, {childList: true, subtree: true});
                      return mutationObserver;
                    } else if (window.addEventListener) { // browser support fallback
                      obj.addEventListener('DOMNodeInserted', callback, false);
                      obj.addEventListener('DOMNodeRemoved', callback, false);
                    }
                  }
                })();

                let iframeDiv = document.getElementById('nz-planner');

                observeDOM(iframeDiv, function(m) {
                   var addedNodes = [], removedNodes = [];
                
                   m.forEach(record => record.addedNodes.length & addedNodes.push(...record.addedNodes));
                
                   m.forEach(record => record.removedNodes.length & removedNodes.push(...record.removedNodes));
                
                   console.clear();
                   console.log('Added:', addedNodes, 'Removed:', removedNodes);

                    document.querySelectorAll('body iframe').forEach(iframe => {
                        console.log('body loaded');
                        iframe.addEventListener('load', function() {
                            console.log('iframe loaded');
                            iframe.contentWindow.document.getElementById("button_id").addEventListener("click", "alert('Clicked');", false);
                        });
                    });
                });
                </script>
        {% endput %}
        #}
        {% put styles %}
        <script src="https://ibe.caribbeantravelandtours.com/integration/v2/breezetravel/embed.js" type="text/javascript"></script>
        {% endput %}
        </div>
    </section>
</div>