@extends('layouts.master')
@section('content')

<div id="content" class="">
    <!-- <div class="custom-scoll hidden-sm hidden-md hidden-xs">
        <div class="custom-html">
            <div class="scoll-cate list_diemneo">
                <ul id="nav-scroll">
                    <li class="neo1">
                        <a href="#box-link1"><span>Hot deal</span></a>
                    </li>
                    <li class="neo2">
                        <a href="#box-link2"><span>Spa</span></a>
                    </li>
                    >
                </ul>
            </div>
        </div>
    </div> -->

    <div class="so-page-builder">
        <section id="section-style-h4-1" class="section-style-h4-1">
            <div class="container-fluid page-builder-ltr">
                <div class="row row_a90w row-style">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col_anla slider-right">
                        <div class="module sohomepage-slider so-homeslider-ltr">
                            <div class="modcontent">
                                <div id="sohomepage-slider1">
                                    <div class="so-homeslider sohomeslider-inner-1">
                                        <div class="item">
                                            <a href=" #" title="Slide 4 - 1" target="_self">
                                                <img class="responsive" src="{{url('template/image/cache/catalog/so_home_slider/home4/test.jpg')}}" alt="Slide 4 - 1" />
                                            </a>
                                            <div class="sohomeslider-description"></div>
                                        </div>

                                        <div class="item">
                                            <a href=" #" title="Slide 4 - 2" target="_self">
                                                <img class="responsive" src="template/image/cache/catalog/so_home_slider/home4/test2.jpg" alt="Slide 4 - 2" />
                                            </a>
                                            <div class="sohomeslider-description"></div>
                                        </div>

                                        <div class="item">
                                            <a href=" #" title="Slide 4 - 3" target="_self">
                                                <img class="responsive" src="template/image/cache/catalog/so_home_slider/home4/test3.jpg" alt="Slide 4 - 3" />
                                            </a>
                                            <div class="sohomeslider-description"></div>
                                        </div>
                                    </div>

                                    <script type="text/javascript">
                                        var total_item = 4;
                                        $(".sohomeslider-inner-1").owlCarousel2({
                                            rtl: false,
                                            animateOut: "fadeOut",
                                            animateIn: "fadeIn",
                                            autoplay: true,
                                            autoplayTimeout: 5000,
                                            autoplaySpeed: 1000,
                                            smartSpeed: 500,
                                            autoplayHoverPause: true,
                                            startPosition: 0,
                                            mouseDrag: true,
                                            touchDrag: true,
                                            dots: true,
                                            autoWidth: false,
                                            dotClass: "owl2-dot",
                                            dotsClass: "owl2-dots",
                                            loop: true,
                                            navText: ["Next", "Prev"],
                                            navClass: ["owl2-prev", "owl2-next"],

                                            responsive: {
                                                0: { items: 1, nav: total_item <= 1 ? false : true ? true : false },
                                                480: { items: 1, nav: total_item <= 1 ? false : true ? true : false },
                                                768: { items: 1, nav: total_item <= 1 ? false : true ? true : false },
                                                992: { items: 1, nav: total_item <= 1 ? false : true ? true : false },
                                                1200: { items: 1, nav: total_item <= 1 ? false : true ? true : false },
                                            },
                                        });
                                    </script>
                                </div>
                            </div>
                            <!--/.modcontent-->
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="container page-builder-ltr">
            <div class="row row_op7y row-style">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col_r8cd col-style">
                    <div class="home4-banner-1 row clearfix">
                       @foreach(firstsimagepub() as $firstsimagepubs) 
                        <div class="item-1 col-lg-4 col-md-4 col-sm-4 col-xs-6 mrb-30 banners">
                            <div>
                                <a title="Static Image" href="#"><img src="{{images_annonce($firstsimagepubs->id)[0]->lien}}" alt="Static Image" /></a>
                            </div>
                        </div>
                        @endforeach
                        
                    </div>
                </div>
            </div>
        </div> 

        <section id="box-link2" class="section-style">
            <div class="container page-builder-ltr">
                <div class="row row_jb0i row-style">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col_1bi4 col-style block block_5 title_neo2">
                        <div class="module so-listing-tabs-ltr home-lt1 default-nav clearfix img-float label-1">
                            <div class="head-title font-ct">
                                <h2 class="modtitle">Promo & ventes</h2>
                            </div>
                            <div class="modcontent">
                                
                                <div id="so_listing_tabs_262" class="so-listing-tabs first-load module">
                                    <div class="ltabs-wrap">
                                        <div
                                            class="ltabs-tabs-container"
                                            data-delay="500"
                                            data-duration="800"
                                            data-effect="none"
                                            data-type_source="1"
                                            data-type_show="loadmore"
                                        >
                                        </div>
                                        <div class="wap-listing-tabs products-list grid">
                                            <div class="ltabs-items-container">
                                                <div class="ltabs-items ltabs-items-selected ltabs-items-loaded items-category-rating" data-total="12">
                                                    <div class="ltabs-items-inner ltabs00-4 ltabs01-3 ltabs02-3 ltabs03-2 ltabs04-1 none">
                                                        @foreach(cat4() as $cat4s)
                                                        <div class="ltabs-item new-ltabs-item">
                                                            <div class="item-inner product-thumb transition product-layout">
                                                                <div class="product-item-container">
                                                                    <div class="left-block">
                                                                        <div class="image product-image-container" style="width: 350px !important; height: 350px; overflow: hidden;">
                                                                            <a
                                                                                class="lt-image"
                                                                                data-product="114"
                                                                                href="{{url('detailannonce/'.$cat4s->idannonce)}}"
                                                                                target="_self"
                                                                                title="{{$cat4s->titre}}"
                                                                            >
                                                                                <img style="width: 270px !important;" src="{{images_annonce($cat4s->idannonce)[0]->lien}}" alt="{{$cat4s->titre}}" />
                                                                            </a>
                                                                        </div>
                                                                        <div class="box-label"></div>
                                                                    </div>
                                                                    <div class="right-block">
                                                                        <div class="caption">
                                                                            <h4 style="height: 60px; overflow: hidden;">
                                                                                <a href="{{url('detailannonce/'.$cat4s->idannonce)}}" title="{{$cat4s->titre}}" target="_self">
                                                                                    {{$cat4s->titre}}
                                                                                </a>
                                                                            </h4>
                                                                            <div class="total-price clearfix">
                                                                                @if($cat4s->prix == 0)
                                                                                <div class="price price-left">
                                                                                    <button onclick="window.location.href='{{url('detailannonce/'.$cat4s->idannonce)}}'" class="btn btn-primary">Détails</button>
                                                                                </div>
                                                                                <div class="price-sale price-right"></div>
                                                                                @else
                                                                                <div class="price price-left">
                                                                                    {{$cat4s->prix }} XOF
                                                                                </div>
                                                                                <div class="price-sale price-right"></div>
                                                                                @endif
                                                                            </div>
                                                                        </div>

                                                                        <div class="button-group">
                                                                            <div class="button-inner so-quickview">
                                                                                <a
                                                                                    class="lt-image hidden"
                                                                                    data-product="114"
                                                                                    href="{{url('detailannonce/'.$cat4s->idannonce)}}"
                                                                                    target="_self"
                                                                                    title="{{$cat4s->titre}}"
                                                                                >
                                                                                </a>
                                                                                <button class="fa fa-phone btn-button" type="button" data-toggle="tooltip" title="Contacter" onclick="window.location.href='tel:{{contact($cat4s->id)}}' ">
                                                                                    <span class="hidden">détails</span>
                                                                                </button>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>    

                                                        <div class="clr1"></div>
                                                        @endforeach

                                                    </div>

                                                    <div class="ltabs-loadmore" data-active-content=".items-category-rating" data-categoryid    ="rating" data-rl_start      ="8" data-rl_total      ="12" data-rl_allready   ="All ready" data-rl_load="8" data-moduleid      ='262'>
                                                        <div class="ltabs-loadmore-btn" data-label="Voir plus">
                                                            <span class="ltabs-image-loading"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <script type="text/javascript">
                                        //<![CDATA[
                                        jQuery(document).ready(function ($) {
                                            (function (element) {
                                                var $element = $(element),
                                                    $tab = $(".ltabs-tab", $element),
                                                    $tab_label = $(".ltabs-tab-label", $tab),
                                                    $tabs = $(".ltabs-tabs", $element),
                                                    ajax_url = $tabs.parents(".ltabs-tabs-container").attr("data-ajaxurl"),
                                                    effect = $tabs.parents(".ltabs-tabs-container").attr("data-effect"),
                                                    delay = $tabs.parents(".ltabs-tabs-container").attr("data-delay"),
                                                    duration = $tabs.parents(".ltabs-tabs-container").attr("data-duration"),
                                                    type_source = $tabs.parents(".ltabs-tabs-container").attr("data-type_source"),
                                                    $items_content = $(".ltabs-items", $element),
                                                    $items_inner = $(".ltabs-items-inner", $items_content),
                                                    $items_first_active = $(".ltabs-items-selected", $element),
                                                    $load_more = $(".ltabs-loadmore", $element),
                                                    $btn_loadmore = $(".ltabs-loadmore-btn", $load_more),
                                                    $select_box = $(".ltabs-selectbox", $element),
                                                    $tab_label_select = $(".ltabs-tab-selected", $element),
                                                    setting =
                                                        'a:74:{s:6:"action";s:9:"save_edit";s:4:"name";s:26:"Home 4 - Spa &amp; Massage";s:18:"module_description";a:2:{i:2;a:1:{s:9:"head_name";s:17:"Spa &amp; Massage";}i:1;a:1:{s:9:"head_name";s:17:"Spa &amp; Massage";}}s:9:"head_name";s:17:"Spa &amp; Massage";s:17:"disp_title_module";s:1:"1";s:6:"status";s:1:"1";s:12:"store_layout";s:7:"default";s:12:"class_suffix";s:47:"home-lt1 default-nav clearfix img-float label-1";s:16:"item_link_target";s:5:"_self";s:10:"nb_column0";s:1:"4";s:10:"nb_column1";s:1:"3";s:10:"nb_column2";s:1:"3";s:10:"nb_column3";s:1:"2";s:10:"nb_column4";s:1:"1";s:9:"type_show";s:8:"loadmore";s:6:"nb_row";s:1:"1";s:11:"type_source";s:1:"1";s:8:"category";a:1:{i:0;s:2:"52";}s:14:"child_category";s:1:"1";s:14:"category_depth";s:1:"1";s:12:"product_sort";s:7:"p.price";s:16:"product_ordering";s:3:"ASC";s:12:"source_limit";s:1:"8";s:13:"catid_preload";s:2:"52";s:17:"field_product_tab";a:3:{i:0;s:6:"rating";i:1;s:12:"p_date_added";i:2;s:4:"sell";}s:13:"field_preload";s:6:"rating";s:15:"tab_all_display";s:1:"0";s:18:"tab_max_characters";s:2:"70";s:16:"tab_icon_display";s:1:"0";s:12:"cat_order_by";s:4:"name";s:15:"imgcfgcat_width";s:2:"70";s:16:"imgcfgcat_height";s:2:"30";s:13:"display_title";s:1:"1";s:15:"title_maxlength";s:2:"60";s:19:"display_description";s:1:"0";s:21:"description_maxlength";s:3:"100";s:13:"display_price";s:1:"1";s:19:"display_add_to_cart";s:1:"1";s:16:"display_wishlist";s:1:"1";s:15:"display_compare";s:1:"1";s:14:"display_rating";s:1:"0";s:12:"display_sale";s:1:"1";s:11:"display_new";s:1:"1";s:8:"date_day";s:3:"427";s:17:"product_image_num";s:1:"1";s:13:"product_image";s:1:"1";s:22:"product_get_image_data";s:1:"1";s:23:"product_get_image_image";s:1:"1";s:5:"width";s:3:"370";s:6:"height";s:3:"370";s:24:"product_placeholder_path";s:11:"nophoto.html";s:20:"display_banner_image";s:1:"0";s:12:"banner_image";s:12:"no_image.html";s:12:"banner_width";s:3:"150";s:13:"banner_height";s:3:"250";s:16:"banner_image_url";s:0:"";s:6:"effect";s:4:"none";s:8:"duration";s:3:"800";s:5:"delay";s:3:"500";s:8:"autoplay";s:1:"0";s:11:"display_nav";s:1:"1";s:12:"display_dots";s:1:"0";s:12:"display_loop";s:1:"1";s:9:"touchdrag";s:1:"1";s:9:"mousedrag";s:1:"1";s:10:"pausehover";s:1:"0";s:15:"autoplayTimeout";s:4:"5000";s:13:"autoplaySpeed";s:4:"1000";s:8:"pre_text";s:0:"";s:9:"post_text";s:0:"";s:9:"use_cache";s:1:"0";s:10:"cache_time";s:4:"3600";s:8:"moduleid";s:3:"262";s:5:"start";i:0;}',
                                                    type_show = "loadmore";

                                                enableSelectBoxes();
                                                function enableSelectBoxes() {
                                                    ($tab_wrap = $(".ltabs-tabs-wrap", $element)), $tab_label_select.html($(".ltabs-tab", $element).filter(".tab-sel").children(".ltabs-tab-label").html());
                                                    if ($(window).innerWidth() <= 479) {
                                                        $tab_wrap.addClass("ltabs-selectbox");
                                                    } else {
                                                        $tab_wrap.removeClass("ltabs-selectbox");
                                                    }
                                                }

                                                $("span.ltabs-tab-selected, span.ltabs-tab-arrow", $element).click(function () {
                                                    if ($(".ltabs-tabs", $element).hasClass("ltabs-open")) {
                                                        $(".ltabs-tabs", $element).removeClass("ltabs-open");
                                                    } else {
                                                        $(".ltabs-tabs", $element).addClass("ltabs-open");
                                                    }
                                                });

                                                $(window).resize(function () {
                                                    if ($(window).innerWidth() <= 479) {
                                                        $(".ltabs-tabs-wrap", $element).addClass("ltabs-selectbox");
                                                    } else {
                                                        $(".ltabs-tabs-wrap", $element).removeClass("ltabs-selectbox");
                                                    }
                                                });

                                                function showAnimateItems(el) {
                                                    var $_items = $(".new-ltabs-item", el),
                                                        nub = 0;
                                                    $(".ltabs-loadmore-btn", el).fadeOut("fast");
                                                    $_items.each(function (i) {
                                                        nub++;
                                                        switch (effect) {
                                                            case "none":
                                                                $(this).css({ opacity: "1", filter: "alpha(opacity = 100)" });
                                                                break;
                                                            default:
                                                                animatesItems($(this), nub * delay, i, el);
                                                        }
                                                        if (i == $_items.length - 1) {
                                                            $(".ltabs-loadmore-btn", el).fadeIn(3000);
                                                        }
                                                        $(this).removeClass("new-ltabs-item");
                                                    });
                                                }

                                                function animatesItems($this, fdelay, i, el) {
                                                    var $_items = $(".ltabs-item", el);
                                                    $this
                                                        .stop(true, true)
                                                        .attr(
                                                            "style",
                                                            "-webkit-animation:" +
                                                                effect +
                                                                " " +
                                                                duration +
                                                                "ms;" +
                                                                "-moz-animation:" +
                                                                effect +
                                                                " " +
                                                                duration +
                                                                "ms;" +
                                                                "-o-animation:" +
                                                                effect +
                                                                " " +
                                                                duration +
                                                                "ms;" +
                                                                "-moz-animation-delay:" +
                                                                fdelay +
                                                                "ms;" +
                                                                "-webkit-animation-delay:" +
                                                                fdelay +
                                                                "ms;" +
                                                                "-o-animation-delay:" +
                                                                fdelay +
                                                                "ms;" +
                                                                "animation-delay:" +
                                                                fdelay +
                                                                "ms;"
                                                        )
                                                        .delay(fdelay)
                                                        .animate(
                                                            {
                                                                opacity: 1,
                                                                filter: "alpha(opacity = 100)",
                                                            },
                                                            {
                                                                delay: 1000,
                                                            }
                                                        );
                                                    if (i == $_items.length - 1) {
                                                        $(".ltabs-items-inner").addClass("play");
                                                    }
                                                }
                                                if (type_show == "loadmore") {
                                                    showAnimateItems($items_first_active);
                                                }
                                                $tab.on("click.ltabs-tab", function () {
                                                    var $this = $(this);
                                                    if ($this.hasClass("tab-sel")) return false;
                                                    if ($this.parents(".ltabs-tabs").hasClass("ltabs-open")) {
                                                        $this.parents(".ltabs-tabs").removeClass("ltabs-open");
                                                    }
                                                    $tab.removeClass("tab-sel");
                                                    $this.addClass("tab-sel");
                                                    var items_active = $this.attr("data-active-content-l");
                                                    var _items_active = $(items_active, $element);
                                                    $items_content.removeClass("ltabs-items-selected");
                                                    _items_active.addClass("ltabs-items-selected");
                                                    $tab_label_select.html($tab.filter(".tab-sel").children(".ltabs-tab-label").html());
                                                    var $loading = $(".ltabs-loading", _items_active);
                                                    var loaded = _items_active.hasClass("ltabs-items-loaded");
                                                    type_show = $tabs.parents(".ltabs-tabs-container").attr("data-type_show");
                                                    if (!loaded && !_items_active.hasClass("ltabs-process")) {
                                                        _items_active.addClass("ltabs-process");
                                                        var category_id = $this.attr("data-category-id");
                                                        $loading.show();
                                                        $.ajax({
                                                            type: "POST",
                                                            url: ajax_url,
                                                            data: {
                                                                is_ajax_listing_tabs: 1,
                                                                ajax_reslisting_start: 0,
                                                                categoryid: category_id,
                                                                setting: setting,
                                                                lbmoduleid: 262,
                                                            },
                                                            success: function (data) {
                                                                if (data.items_markup != "") {
                                                                    $(".ltabs-loading", _items_active).replaceWith(data.items_markup);
                                                                    _items_active.addClass("ltabs-items-loaded").removeClass("ltabs-process");
                                                                    $loading.remove();
                                                                    if (type_show != "slider") {
                                                                        showAnimateItems(_items_active);
                                                                    }
                                                                    updateStatus(_items_active);
                                                                }
                                                                if (typeof _SoQuickView != "undefined") {
                                                                    _SoQuickView();
                                                                }
                                                            },
                                                            dataType: "json",
                                                        });
                                                    } else {
                                                        if (type_show == "loadmore") {
                                                            $(".ltabs-item", $items_content).removeAttr("style").addClass("new-ltabs-item");
                                                            showAnimateItems(_items_active);
                                                        } else {
                                                            var owl = $(".owl2-carousel", _items_active);
                                                            owl = owl.data("owlCarousel2");
                                                            if (typeof owl !== "undefined") {
                                                                owl.onResize();
                                                            }
                                                        }
                                                    }
                                                });

                                                function updateStatus($el) {
                                                    $(".ltabs-loadmore-btn", $el).removeClass("loading");
                                                    var countitem = $(".ltabs-item", $el).length;
                                                    $(".ltabs-image-loading", $el).css({ display: "none" });
                                                    $(".ltabs-loadmore-btn", $el).parent().attr("data-rl_start", countitem);
                                                    var rl_total = $(".ltabs-loadmore-btn", $el).parent().attr("data-rl_total");
                                                    var rl_load = $(".ltabs-loadmore-btn", $el).parent().attr("data-rl_load");
                                                    var rl_allready = $(".ltabs-loadmore-btn", $el).parent().attr("data-rl_allready");

                                                    if (countitem >= rl_total) {
                                                        $(".ltabs-loadmore-btn", $el).addClass("loaded");
                                                        $(".ltabs-image-loading", $el).css({ display: "none" });
                                                        $(".ltabs-loadmore-btn", $el).attr("data-label", rl_allready);
                                                        $(".ltabs-loadmore-btn", $el).removeClass("loading");
                                                    }
                                                }

                                                $btn_loadmore.on("click.loadmore", function () {
                                                    var $this = $(this);
                                                    if ($this.hasClass("loaded") || $this.hasClass("loading")) {
                                                        return false;
                                                    } else {
                                                        $this.addClass("loading");
                                                        $(".ltabs-image-loading", $this).css({ display: "inline-block" });
                                                        var rl_start = $this.parent().attr("data-rl_start"),
                                                            rl_ajaxurl = $this.parent().attr("data-ajaxurl"),
                                                            effect = $this.parent().attr("data-effect"),
                                                            category_id = $this.parent().attr("data-categoryid"),
                                                            items_active = $this.parent().attr("data-active-content");

                                                        var _items_active = $(items_active, $element);

                                                        $.ajax({
                                                            type: "POST",
                                                            url: rl_ajaxurl,
                                                            data: {
                                                                is_ajax_listing_tabs: 1,
                                                                ajax_reslisting_start: rl_start,
                                                                categoryid: category_id,
                                                                setting: setting,
                                                                lbmoduleid: 262,
                                                            },
                                                            success: function (data) {
                                                                if (data.items_markup != "") {
                                                                    $($(data.items_markup).html()).insertAfter($(".ltabs-item", _items_active).nextAll().last());
                                                                    $(".ltabs-image-loading", $this).css({ display: "none" });
                                                                    showAnimateItems(_items_active);
                                                                    updateStatus(_items_active);
                                                                }
                                                                if (typeof _SoQuickView != "undefined") {
                                                                    _SoQuickView();
                                                                }
                                                            },
                                                            dataType: "json",
                                                        });
                                                    }
                                                    return false;
                                                });
                                            })("#so_listing_tabs_262");
                                        });
                                        //]]>
                                    </script>
                                </div>
                            </div>
                            <!-- /.modcontent-->
                        </div>
                        <!-- zone de pub 2 -->
                        <div class="home1-banner-2 clearfix">
                            <div class="item-1 col-lg-6 col-md-6 col-sm-6 banners">
                                <div style="margin: 5px">
                                    <a title="Static Image" href="#"><img src="template/image/catalog/demo/banners/home1/bn-3.jpg" alt="Static Image" /></a>
                                </div>
                            </div>
                            <div class="item-1 col-lg-6 col-md-6 col-sm-6 banners">
                                <div style="margin: 5px !important">
                                    <a title="Static Image" href="#"><img src="template/image/catalog/demo/banners/home1/bn-4.jpg" alt="Static Image" /></a>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="box-link3" class="section-style ">
            <div class="container page-builder-ltr">
                <div class="row row_u3cm  row-style ">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col_nvxr  block block_6 title_neo3">
                        <div class="module so-listing-tabs-ltr home1-lt-style2 default-nav clearfix img-float home-lt1">
                            <div class="head-title font-ct">
                                <h2 class="modtitle">Offre d'emploi</h2>
                            </div>
                            <div class="modcontent">
                                
                                <div id="so_listing_tabs_261" class="so-listing-tabs first-load module">
                                    <!--<![endif]-->
                                    <div class="ltabs-wrap ">
                                        <div class="ltabs-tabs-container" data-delay="500" data-duration="800" data-effect="none" data-type_source="1" data-type_show="loadmore">


                                        </div>
                                        <div class="wap-listing-tabs products-list grid">

                                            <div class="item-cat-image banners">
                                                <!-- espace pub -->
                                                <div>
                                                    <a href="#" title="" target="_self">
                                                        <img class="categories-loadimage" title="" alt="" src="template/image/espace_pub1.jpg" />
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="ltabs-items-container">
                                                <div class="ltabs-items  items-category-sell" data-total="16">
                                                    <div class="ltabs-loading"></div>

                                                    <div class="ltabs-loadmore" data-active-content=".items-category-sell" data-categoryid="sell" data-rl_start="6" data-rl_total="16" data-rl_allready="All ready"
                                                    data-rl_load="6" data-moduleid='261'>
                                                        <div class="ltabs-loadmore-btn " data-label="Load More">
                                                            <span class="ltabs-image-loading"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                
                                                <div class="ltabs-items  ltabs-items-selected ltabs-items-loaded items-category-rating" data-total="16">


                                                    <div class="ltabs-items-inner ltabs00-3 ltabs01-3 ltabs02-3 ltabs03-2 ltabs04-1 none">

                                                        @foreach(cat2() as $cat2s)
                                                        <div class="ltabs-item new-ltabs-item">

                                                            <div class="item-inner product-thumb transition product-layout">
                                                                <div class="product-item-container">
                                                                    <div class="left-block">

                                                                        <div class="image product-image-container " style="width: 350px !important; height: 350px; overflow: hidden;">
                                                                            <a class="lt-image" data-product='28' href="{{url('detailannonce/'.$cat2s->idannonce)}}" target="_self" title="{{$cat2s->titre}}">
                                                                                <img style="width: 270px !important;" src="{{images_annonce($cat2s->idannonce)[0]->lien}}" alt="{{$cat2s->titre}}" />
                                                                            </a>
                                                                        </div>
                                                                        <div class="box-label">
                                                                        </div>
                                                                    </div>
                                                                    <div class="right-block">
                                                                        <div class="caption">
                                                                            <h4 style="height: 60px; overflow: hidden;">
                                                                                <a href="{{url('detailannonce/'.$cat2s->idannonce)}}" title="{{$cat2s->titre}}" target="_self">
                                                                                    {{$cat2s->titre}}
                                                                                </a>
                                                                            </h4>
                                                                            <div class="total-price clearfix">
                                                                                @if($cat2s->prix == 0)
                                                                                <div class="price price-left">
                                                                                    <button onclick="window.location.href='{{url('detailannonce/'.$cat2s->idannonce)}}'" class="btn btn-primary">Détails</button>
                                                                                </div>
                                                                                <div class="price-sale price-right"></div>
                                                                                @else
                                                                                <div class="price price-left">
                                                                                    {{$cat2s->prix }} XOF
                                                                                </div>
                                                                                <div class="price-sale price-right"></div>
                                                                                @endif
                                                                            </div>
                                                                        </div>

                                                                        <div class="button-group">
                                                                            <div class="button-inner so-quickview">
                                                                                
                                                                                <button class="fa fa-phone btn-button" type="button" data-toggle="tooltip" title="Contacter" onclick="window.location.href='tel:{{contact($cat2s->idannonce)}}' ">
                                                                                    <span class="hidden">détails</span>
                                                                                </button>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                        @endforeach


                                                        <div class="clr1 clr2 clr3 clr6"></div>


                                                    </div>



                                                    <div class="ltabs-loadmore" data-active-content=".items-category-rating" data-categoryid="rating" data-rl_start="6" data-rl_total="16" data-rl_allready="All ready"  data-rl_load="6" data-moduleid='261'>
                                                        <div class="ltabs-loadmore-btn " data-label="Voir plus">
                                                            <span class="ltabs-image-loading"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <script type="text/javascript">
                                        //<![CDATA[
                                        jQuery(document).ready(function ($) {
                                            ;
                                            (function (element) {
                                                var $element = $(element),
                                                    $tab = $('.ltabs-tab', $element),
                                                    $tab_label = $('.ltabs-tab-label', $tab),
                                                    $tabs = $('.ltabs-tabs', $element),
                                                    ajax_url = $tabs.parents('.ltabs-tabs-container').attr('data-ajaxurl'),
                                                    effect = $tabs.parents('.ltabs-tabs-container').attr('data-effect'),
                                                    delay = $tabs.parents('.ltabs-tabs-container').attr('data-delay'),
                                                    duration = $tabs.parents('.ltabs-tabs-container').attr('data-duration'),
                                                    type_source = $tabs.parents('.ltabs-tabs-container').attr('data-type_source'),
                                                    $items_content = $('.ltabs-items', $element),
                                                    $items_inner = $('.ltabs-items-inner', $items_content),
                                                    $items_first_active = $('.ltabs-items-selected', $element),
                                                    $load_more = $('.ltabs-loadmore', $element),
                                                    $btn_loadmore = $('.ltabs-loadmore-btn', $load_more),
                                                    $select_box = $('.ltabs-selectbox', $element),
                                                    $tab_label_select = $('.ltabs-tab-selected', $element),
                                                    setting = 'a:74:{s:6:"action";s:9:"save_edit";s:4:"name";s:34:"Home 4 - Fashion &amp; Accessories";s:18:"module_description";a:2:{i:2;a:1:{s:9:"head_name";s:25:"Fashion &amp; Accessories";}i:1;a:1:{s:9:"head_name";s:25:"Fashion &amp; Accessories";}}s:9:"head_name";s:25:"Fashion &amp; Accessories";s:17:"disp_title_module";s:1:"1";s:6:"status";s:1:"1";s:12:"store_layout";s:7:"default";s:12:"class_suffix";s:55:"home1-lt-style2 default-nav clearfix img-float home-lt1";s:16:"item_link_target";s:5:"_self";s:10:"nb_column0";s:1:"3";s:10:"nb_column1";s:1:"3";s:10:"nb_column2";s:1:"3";s:10:"nb_column3";s:1:"2";s:10:"nb_column4";s:1:"1";s:9:"type_show";s:8:"loadmore";s:6:"nb_row";s:1:"1";s:11:"type_source";s:1:"1";s:8:"category";a:2:{i:0;s:2:"64";i:1;s:2:"35";}s:14:"child_category";s:1:"1";s:14:"category_depth";s:1:"1";s:12:"product_sort";s:7:"p.price";s:16:"product_ordering";s:3:"ASC";s:12:"source_limit";s:1:"6";s:13:"catid_preload";s:2:"64";s:17:"field_product_tab";a:3:{i:0;s:6:"rating";i:1;s:12:"p_date_added";i:2;s:4:"sell";}s:13:"field_preload";s:6:"rating";s:15:"tab_all_display";s:1:"0";s:18:"tab_max_characters";s:2:"50";s:16:"tab_icon_display";s:1:"0";s:12:"cat_order_by";s:4:"name";s:15:"imgcfgcat_width";s:2:"30";s:16:"imgcfgcat_height";s:2:"30";s:13:"display_title";s:1:"1";s:15:"title_maxlength";s:2:"50";s:19:"display_description";s:1:"0";s:21:"description_maxlength";s:3:"100";s:13:"display_price";s:1:"1";s:19:"display_add_to_cart";s:1:"1";s:16:"display_wishlist";s:1:"1";s:15:"display_compare";s:1:"1";s:14:"display_rating";s:1:"0";s:12:"display_sale";s:1:"1";s:11:"display_new";s:1:"1";s:8:"date_day";s:3:"227";s:17:"product_image_num";s:1:"1";s:13:"product_image";s:1:"1";s:22:"product_get_image_data";s:1:"1";s:23:"product_get_image_image";s:1:"1";s:5:"width";s:3:"370";s:6:"height";s:3:"370";s:24:"product_placeholder_path";s:11:"nophoto.html";s:20:"display_banner_image";s:1:"1";s:12:"banner_image";s:43:"catalog/demo/banners/home4/img1-fashion.html";s:12:"banner_width";s:3:"270";s:13:"banner_height";s:3:"870";s:16:"banner_image_url";s:0:"";s:6:"effect";s:4:"none";s:8:"duration";s:3:"800";s:5:"delay";s:3:"500";s:8:"autoplay";s:1:"0";s:11:"display_nav";s:1:"1";s:12:"display_dots";s:1:"0";s:12:"display_loop";s:1:"1";s:9:"touchdrag";s:1:"1";s:9:"mousedrag";s:1:"1";s:10:"pausehover";s:1:"0";s:15:"autoplayTimeout";s:4:"5000";s:13:"autoplaySpeed";s:4:"1000";s:8:"pre_text";s:0:"";s:9:"post_text";s:0:"";s:9:"use_cache";s:1:"0";s:10:"cache_time";s:4:"3600";s:8:"moduleid";s:3:"261";s:5:"start";i:0;}',
                                                    type_show = 'loadmore';
                                                    
                                                enableSelectBoxes();
                                                function enableSelectBoxes() {
                                                    $tab_wrap = $('.ltabs-tabs-wrap', $element),
                                                        $tab_label_select.html($('.ltabs-tab', $element).filter('.tab-sel').children('.ltabs-tab-label').html());
                                                    if ($(window).innerWidth() <= 479) {
                                                        $tab_wrap.addClass('ltabs-selectbox');
                                                    } else {
                                                        $tab_wrap.removeClass('ltabs-selectbox');
                                                    }
                                                }
                                        
                                                $('span.ltabs-tab-selected, span.ltabs-tab-arrow', $element).click(function () {
                                                    if ($('.ltabs-tabs', $element).hasClass('ltabs-open')) {
                                                        $('.ltabs-tabs', $element).removeClass('ltabs-open');
                                                    } else {
                                                        $('.ltabs-tabs', $element).addClass('ltabs-open');
                                                    }
                                                });
                                        
                                                $(window).resize(function () {
                                                    if ($(window).innerWidth() <= 479) {
                                                        $('.ltabs-tabs-wrap', $element).addClass('ltabs-selectbox');
                                                    } else {
                                                        $('.ltabs-tabs-wrap', $element).removeClass('ltabs-selectbox');
                                                    }
                                                });
                                        
                                                function showAnimateItems(el) {
                                                    var $_items = $('.new-ltabs-item', el), nub = 0;
                                                    $('.ltabs-loadmore-btn', el).fadeOut('fast');
                                                    $_items.each(function (i) {
                                                        nub++;
                                                        switch(effect) {
                                                            case 'none' : $(this).css({'opacity':'1','filter':'alpha(opacity = 100)'}); break;
                                                            default: animatesItems($(this),nub*delay,i,el);
                                                        }
                                                        if (i == $_items.length - 1) {
                                                            $('.ltabs-loadmore-btn', el).fadeIn(3000);
                                                        }
                                                        $(this).removeClass('new-ltabs-item');
                                                    });
                                                }
                                        
                                                function animatesItems($this,fdelay,i,el) {
                                                    var $_items = $('.ltabs-item', el);
                                                    $this.stop(true, true).attr("style",
                                                        "-webkit-animation:" + effect +" "+ duration +"ms;"
                                                        + "-moz-animation:" + effect +" "+ duration +"ms;"
                                                        + "-o-animation:" + effect +" "+ duration +"ms;"
                                                        + "-moz-animation-delay:" + fdelay + "ms;"
                                                        + "-webkit-animation-delay:" + fdelay + "ms;"
                                                        + "-o-animation-delay:" + fdelay + "ms;"
                                                        + "animation-delay:" + fdelay + "ms;").delay(fdelay).animate({
                                                            opacity: 1,
                                                            filter: 'alpha(opacity = 100)'
                                                        }, {
                                                            delay: 1000
                                                        });
                                                    if (i == ($_items.length - 1)) {
                                                        $(".ltabs-items-inner").addClass("play");
                                                    }
                                                }
                                                if (type_show == 'loadmore') {
                                                    showAnimateItems($items_first_active);
                                                }
                                                $tab.on('click.ltabs-tab', function () {
                                                    var $this = $(this);
                                                    if ($this.hasClass('tab-sel')) return false;
                                                    if ($this.parents('.ltabs-tabs').hasClass('ltabs-open')) {
                                                        $this.parents('.ltabs-tabs').removeClass('ltabs-open');
                                                    }
                                                    $tab.removeClass('tab-sel');
                                                    $this.addClass('tab-sel');
                                                    var items_active = $this.attr('data-active-content-l');
                                                    var _items_active = $(items_active,$element);
                                                    $items_content.removeClass('ltabs-items-selected');
                                                    _items_active.addClass('ltabs-items-selected');
                                                    $tab_label_select.html($tab.filter('.tab-sel').children('.ltabs-tab-label').html());
                                                    var $loading = $('.ltabs-loading', _items_active);
                                                    var loaded = _items_active.hasClass('ltabs-items-loaded');
                                                    type_show =$tabs.parents('.ltabs-tabs-container').attr('data-type_show');
                                                    if (!loaded && !_items_active.hasClass('ltabs-process')) {
                                                        _items_active.addClass('ltabs-process');
                                                        var category_id         = $this.attr('data-category-id');
                                                        $loading.show();
                                                        $.ajax({
                                                            type: 'POST',
                                                            url: ajax_url,
                                                            data: {
                                                                is_ajax_listing_tabs: 1,
                                                                ajax_reslisting_start: 0,
                                                                categoryid: category_id,
                                                                setting : setting,
                                                                lbmoduleid: 261
                                                            },
                                                            success: function (data) {
                                                                if (data.items_markup != '') {
                                                                    $('.ltabs-loading', _items_active).replaceWith(data.items_markup);
                                                                    _items_active.addClass('ltabs-items-loaded').removeClass('ltabs-process');
                                                                    $loading.remove();
                                                                    if (type_show != 'slider') {
                                                                        showAnimateItems(_items_active);
                                                                    }
                                                                    updateStatus(_items_active);
                                                                }
                                                                if(typeof(_SoQuickView) != 'undefined'){
                                                                    _SoQuickView();
                                                                }
                                                                    
                                                            },
                                                            dataType: 'json'
                                                        });
                                        
                                                    } else {
                                                        if (type_show == 'loadmore') {
                                                            $('.ltabs-item', $items_content).removeAttr('style').addClass('new-ltabs-item');
                                                            showAnimateItems(_items_active);
                                                        }else{
                                                             var owl = $('.owl2-carousel' , _items_active);
                                                             owl = owl.data('owlCarousel2');
                                                             if (typeof owl !== 'undefined') {
                                                                owl.onResize();
                                                             }
                                                        }
                                                    }
                                                });
                                        
                                                function updateStatus($el) {
                                                    $('.ltabs-loadmore-btn', $el).removeClass('loading');
                                                    var countitem = $('.ltabs-item', $el).length;
                                                    $('.ltabs-image-loading', $el).css({display: 'none'});
                                                    $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_start', countitem);
                                                    var rl_total = $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_total');
                                                    var rl_load = $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_load');
                                                    var rl_allready = $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_allready');
                                        
                                                    if (countitem >= rl_total) {
                                                        $('.ltabs-loadmore-btn', $el).addClass('loaded');
                                                        $('.ltabs-image-loading', $el).css({display: 'none'});
                                                        $('.ltabs-loadmore-btn', $el).attr('data-label', rl_allready);
                                                        $('.ltabs-loadmore-btn', $el).removeClass('loading');
                                                    }
                                                }
                                        
                                                $btn_loadmore.on('click.loadmore', function () {
                                                    var $this = $(this);
                                                    if ($this.hasClass('loaded') || $this.hasClass('loading')) {
                                                        return false;
                                                    } else {
                                                        $this.addClass('loading');
                                                        $('.ltabs-image-loading', $this).css({display: 'inline-block'});
                                                        var rl_start                = $this.parent().attr('data-rl_start'),
                                                            rl_ajaxurl              = $this.parent().attr('data-ajaxurl'),
                                                            effect                  = $this.parent().attr('data-effect'),
                                                            category_id             = $this.parent().attr('data-categoryid'),
                                                            items_active            = $this.parent().attr('data-active-content');
                                                            
                                                        var _items_active = $(items_active,$element);
                                                        
                                                        $.ajax({
                                                            type: 'POST',
                                                            url: rl_ajaxurl,
                                                            data: {
                                                                is_ajax_listing_tabs: 1,
                                                                ajax_reslisting_start: rl_start,
                                                                categoryid: category_id,
                                                                setting: setting,
                                                                lbmoduleid: 261
                                                            },
                                                            success: function (data) {
                                                                if (data.items_markup != '') {
                                                                    $($(data.items_markup).html()).insertAfter($('.ltabs-item', _items_active).nextAll().last());
                                                                    $('.ltabs-image-loading', $this).css({display: 'none'});
                                                                    showAnimateItems(_items_active);
                                                                    updateStatus(_items_active);
                                                                }
                                                                if(typeof(_SoQuickView) != 'undefined'){
                                                                    _SoQuickView();
                                                                }
                                                            }, dataType: 'json'
                                                        });
                                                    }
                                                    return false;
                                                });
                                            })('#so_listing_tabs_261');
                                        });
                                        //]]>
                                    </script>
                                </div>
                            </div>
                            <!-- /.modcontent-->

                        </div>

                    </div>

                </div>
            </div>

        </section>
        <section id="box-link4" class="section-style">
          <div class="container page-builder-ltr">
            <div class="row row_piqo row-style">
              <div
                class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col_mfpr block block_7 title_neo4"
              >
                <div
                  class="module so-listing-tabs-ltr home1-lt-style3 default-nav clearfix img-float home-lt1"
                >
                  <div class="head-title font-ct">
                    <h2 class="modtitle">Formation</h2>
                  </div>
                  <div class="modcontent">
                    <div
                      id="so_listing_tabs_264"
                      class="so-listing-tabs first-load module"
                    >
                      <!--<![endif]-->
                      <div class="ltabs-wrap">
                        <div
                          class="ltabs-tabs-container"
                          data-delay="500"
                          data-duration="800"
                          data-effect="none" 
                          data-type_source="1"
                          data-type_show="loadmore"
                        >
                          
                        </div>
                        <div class="wap-listing-tabs products-list grid">
                          <div class="item-cat-image banners">
                            <div>
                              <a href="#" title="" target="_self">
                                <img
                                  class="categories-loadimage"
                                  title=""
                                  alt=""
                                  src="{{url('template/image/espace_pub2.jpg')}}"
                                />
                              </a>
                            </div>
                          </div>
                          <div class="ltabs-items-container">
                            
                            <div
                              class="ltabs-items items-category-p_date_added"
                              data-total="10">
                              <div class="ltabs-loading"></div>

                              <div
                                class="ltabs-loadmore"
                                data-active-content=".items-category-p_date_added"
                                data-categoryid="p_date_added"
                                data-rl_start="6"
                                data-rl_total="10"
                                data-rl_allready="All ready"
                                data-rl_load="6"
                                data-moduleid="264"
                              >
                                <div class="ltabs-loadmore-btn" data-label="Load More">
                                  <span class="ltabs-image-loading"></span>
                                </div>
                              </div>
                            </div>
                            <div
                              class="ltabs-items ltabs-items-selected ltabs-items-loaded items-category-p_price"
                              data-total="10"
                            >
                              <div
                                class="ltabs-items-inner ltabs00-3 ltabs01-3 ltabs02-3 ltabs03-2 ltabs04-1 none"
                              >
                                @foreach(cat3() as $cat3s)
                                <div class="ltabs-item new-ltabs-item">
                                  <div
                                    class="item-inner product-thumb transition product-layout"
                                  >
                                    <div class="product-item-container">
                                      <div class="left-block">
                                        <div class="image product-image-container" style="width: 350px !important; height: 350px; overflow: hidden;">
                                          <a
                                            class="lt-image"
                                            data-product="35"
                                            href="{{url('detailannonce/'.$cat3s->idannonce)}}" target="_self" title="{{$cat3s->titre}}"
                                          >
                                            <img style="width: 350px !important;"  class="img-fluid mx-auto" src="{{images_annonce($cat3s->idannonce)[0]->lien}}" alt="{{$cat3s->titre}}" />
                                          </a>
                                          
                                        </div>
                                        
                                      </div>
                                      <div class="right-block" onclick="window.location.href='{{url('detailannonce/'.$cat3s->idannonce)}}'">
                                          <div class="caption">
                                              <h4 style="height: 60px; overflow: hidden;">
                                                  <a href="{{url('detailannonce/'.$cat3s->idannonce)}}" title="{{$cat3s->titre}}" target="_self">
                                                      {{$cat3s->titre}}
                                                  </a>
                                              </h4>
                                              <div class="total-price clearfix">
                                                  @if($cat3s->prix == 0)
                                                  <div class="price price-left">
                                                      <button onclick="window.location.href='{{url('detailannonce/'.$cat3s->idannonce)}}'" class="btn btn-primary">Détails</button>
                                                  </div>
                                                  <div class="price-sale price-right"></div>
                                                  @else
                                                  <div class="price price-left">
                                                      {{$cat3s->prix }} XOF
                                                  </div>
                                                  <div class="price-sale price-right"></div>
                                                  @endif
                                              </div>
                                          </div>

                                          <div class="button-group">
                                              <div class="button-inner so-quickview">
                                                  <a
                                                      class="lt-image hidden"
                                                      data-product="114"
                                                      href="{{url('detailannonce/'.$cat3s->idannonce)}}"
                                                      target="_self"
                                                      title="{{$cat3s->titre}}"
                                                  >
                                                  </a>
                                                  <button class="fa fa-phone btn-button" type="button" data-toggle="tooltip" title="Contacter" onclick="window.location.href='tel:{{contact($cat3s->idannonce)}}' ">
                                                      <span class="hidden">détails</span>
                                                  </button>
                                              </div>
                                          </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                @endforeach

                                <div class="clr1"></div>

                                
                              </div>

                              <div
                                class="ltabs-loadmore"
                                data-active-content=".items-category-p_price"
                                data-categoryid="p_price"
                                data-rl_start="6"
                                data-rl_total="10"
                                data-rl_allready="All ready"
                                data-rl_load="6"
                                data-moduleid="264"
                              >
                                <div class="ltabs-loadmore-btn" data-label="Voir plus">
                                  <span class="ltabs-image-loading"></span>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <script type="text/javascript">
                                        //<![CDATA[
                        jQuery(document).ready(function ($) {
                            ;
                            (function (element) {
                                var $element = $(element),
                                    $tab = $('.ltabs-tab', $element),
                                    $tab_label = $('.ltabs-tab-label', $tab),
                                    $tabs = $('.ltabs-tabs', $element),
                                    ajax_url = $tabs.parents('.ltabs-tabs-container').attr('data-ajaxurl'),
                                    effect = $tabs.parents('.ltabs-tabs-container').attr('data-effect'),
                                    delay = $tabs.parents('.ltabs-tabs-container').attr('data-delay'),
                                    duration = $tabs.parents('.ltabs-tabs-container').attr('data-duration'),
                                    type_source = $tabs.parents('.ltabs-tabs-container').attr('data-type_source'),
                                    $items_content = $('.ltabs-items', $element),
                                    $items_inner = $('.ltabs-items-inner', $items_content),
                                    $items_first_active = $('.ltabs-items-selected', $element),
                                    $load_more = $('.ltabs-loadmore', $element),
                                    $btn_loadmore = $('.ltabs-loadmore-btn', $load_more),
                                    $select_box = $('.ltabs-selectbox', $element),
                                    $tab_label_select = $('.ltabs-tab-selected', $element),
                                    setting = 'a:74:{s:6:"action";s:9:"save_edit";s:4:"name";s:30:"Home 4 - Travel &amp; Vacation";s:18:"module_description";a:2:{i:2;a:1:{s:9:"head_name";s:21:"Travel &amp; Vacation";}i:1;a:1:{s:9:"head_name";s:21:"Travel &amp; Vacation";}}s:9:"head_name";s:21:"Travel &amp; Vacation";s:17:"disp_title_module";s:1:"1";s:6:"status";s:1:"1";s:12:"store_layout";s:7:"default";s:12:"class_suffix";s:55:"home1-lt-style3 default-nav clearfix img-float home-lt1";s:16:"item_link_target";s:5:"_self";s:10:"nb_column0";s:1:"3";s:10:"nb_column1";s:1:"3";s:10:"nb_column2";s:1:"3";s:10:"nb_column3";s:1:"2";s:10:"nb_column4";s:1:"1";s:9:"type_show";s:8:"loadmore";s:6:"nb_row";s:1:"1";s:11:"type_source";s:1:"1";s:8:"category";a:1:{i:0;s:2:"60";}s:14:"child_category";s:1:"1";s:14:"category_depth";s:1:"1";s:12:"product_sort";s:7:"p.price";s:16:"product_ordering";s:3:"ASC";s:12:"source_limit";s:1:"6";s:13:"catid_preload";s:2:"60";s:17:"field_product_tab";a:3:{i:0;s:7:"p_price";i:1;s:12:"p_date_added";i:2;s:4:"sell";}s:13:"field_preload";s:7:"p_price";s:15:"tab_all_display";s:1:"0";s:18:"tab_max_characters";s:2:"25";s:16:"tab_icon_display";s:1:"0";s:12:"cat_order_by";s:4:"name";s:15:"imgcfgcat_width";s:2:"30";s:16:"imgcfgcat_height";s:2:"30";s:13:"display_title";s:1:"1";s:15:"title_maxlength";s:2:"50";s:19:"display_description";s:1:"0";s:21:"description_maxlength";s:3:"100";s:13:"display_price";s:1:"1";s:19:"display_add_to_cart";s:1:"1";s:16:"display_wishlist";s:1:"1";s:15:"display_compare";s:1:"1";s:14:"display_rating";s:1:"0";s:12:"display_sale";s:1:"1";s:11:"display_new";s:1:"1";s:8:"date_day";s:3:"227";s:17:"product_image_num";s:1:"1";s:13:"product_image";s:1:"1";s:22:"product_get_image_data";s:1:"1";s:23:"product_get_image_image";s:1:"1";s:5:"width";s:3:"370";s:6:"height";s:3:"370";s:24:"product_placeholder_path";s:11:"nophoto.html";s:20:"display_banner_image";s:1:"1";s:12:"banner_image";s:42:"catalog/demo/banners/home4/img1-travel.html";s:12:"banner_width";s:3:"270";s:13:"banner_height";s:3:"870";s:16:"banner_image_url";s:1:"#";s:6:"effect";s:4:"none";s:8:"duration";s:3:"800";s:5:"delay";s:3:"500";s:8:"autoplay";s:1:"0";s:11:"display_nav";s:1:"1";s:12:"display_dots";s:1:"0";s:12:"display_loop";s:1:"1";s:9:"touchdrag";s:1:"1";s:9:"mousedrag";s:1:"1";s:10:"pausehover";s:1:"0";s:15:"autoplayTimeout";s:4:"5000";s:13:"autoplaySpeed";s:4:"1000";s:8:"pre_text";s:0:"";s:9:"post_text";s:0:"";s:9:"use_cache";s:1:"0";s:10:"cache_time";s:4:"3600";s:8:"moduleid";s:3:"264";s:5:"start";i:0;}',
                                    type_show = 'loadmore';

                                enableSelectBoxes();
                                function enableSelectBoxes() {
                                    $tab_wrap = $('.ltabs-tabs-wrap', $element),
                                        $tab_label_select.html($('.ltabs-tab', $element).filter('.tab-sel').children('.ltabs-tab-label').html());
                                    if ($(window).innerWidth() <= 479) {
                                        $tab_wrap.addClass('ltabs-selectbox');
                                    } else {
                                        $tab_wrap.removeClass('ltabs-selectbox');
                                    }
                                }

                                $('span.ltabs-tab-selected, span.ltabs-tab-arrow', $element).click(function () {
                                    if ($('.ltabs-tabs', $element).hasClass('ltabs-open')) {
                                        $('.ltabs-tabs', $element).removeClass('ltabs-open');
                                    } else {
                                        $('.ltabs-tabs', $element).addClass('ltabs-open');
                                    }
                                });

                                $(window).resize(function () {
                                    if ($(window).innerWidth() <= 479) {
                                        $('.ltabs-tabs-wrap', $element).addClass('ltabs-selectbox');
                                    } else {
                                        $('.ltabs-tabs-wrap', $element).removeClass('ltabs-selectbox');
                                    }
                                });

                                function showAnimateItems(el) {
                                    var $_items = $('.new-ltabs-item', el), nub = 0;
                                    $('.ltabs-loadmore-btn', el).fadeOut('fast');
                                    $_items.each(function (i) {
                                        nub++;
                                        switch(effect) {
                                            case 'none' : $(this).css({'opacity':'1','filter':'alpha(opacity = 100)'}); break;
                                            default: animatesItems($(this),nub*delay,i,el);
                                        }
                                        if (i == $_items.length - 1) {
                                            $('.ltabs-loadmore-btn', el).fadeIn(3000);
                                        }
                                        $(this).removeClass('new-ltabs-item');
                                    });
                                }

                                function animatesItems($this,fdelay,i,el) {
                                    var $_items = $('.ltabs-item', el);
                                    $this.stop(true, true).attr("style",
                                        "-webkit-animation:" + effect +" "+ duration +"ms;"
                                        + "-moz-animation:" + effect +" "+ duration +"ms;"
                                        + "-o-animation:" + effect +" "+ duration +"ms;"
                                        + "-moz-animation-delay:" + fdelay + "ms;"
                                        + "-webkit-animation-delay:" + fdelay + "ms;"
                                        + "-o-animation-delay:" + fdelay + "ms;"
                                        + "animation-delay:" + fdelay + "ms;").delay(fdelay).animate({
                                            opacity: 1,
                                            filter: 'alpha(opacity = 100)'
                                        }, {
                                            delay: 1000
                                        });
                                    if (i == ($_items.length - 1)) {
                                        $(".ltabs-items-inner").addClass("play");
                                    }
                                }
                                if (type_show == 'loadmore') {
                                    showAnimateItems($items_first_active);
                                }
                                $tab.on('click.ltabs-tab', function () {
                                    var $this = $(this);
                                    if ($this.hasClass('tab-sel')) return false;
                                    if ($this.parents('.ltabs-tabs').hasClass('ltabs-open')) {
                                        $this.parents('.ltabs-tabs').removeClass('ltabs-open');
                                    }
                                    $tab.removeClass('tab-sel');
                                    $this.addClass('tab-sel');
                                    var items_active = $this.attr('data-active-content-l');
                                    var _items_active = $(items_active,$element);
                                    $items_content.removeClass('ltabs-items-selected');
                                    _items_active.addClass('ltabs-items-selected');
                                    $tab_label_select.html($tab.filter('.tab-sel').children('.ltabs-tab-label').html());
                                    var $loading = $('.ltabs-loading', _items_active);
                                    var loaded = _items_active.hasClass('ltabs-items-loaded');
                                    type_show =$tabs.parents('.ltabs-tabs-container').attr('data-type_show');
                                    if (!loaded && !_items_active.hasClass('ltabs-process')) {
                                        _items_active.addClass('ltabs-process');
                                        var category_id         = $this.attr('data-category-id');
                                        $loading.show();
                                        $.ajax({
                                            type: 'POST',
                                            url: ajax_url,
                                            data: {
                                                is_ajax_listing_tabs: 1,
                                                ajax_reslisting_start: 0,
                                                categoryid: category_id,
                                                setting : setting,
                                                lbmoduleid: 264
                                            },
                                            success: function (data) {
                                                if (data.items_markup != '') {
                                                    $('.ltabs-loading', _items_active).replaceWith(data.items_markup);
                                                    _items_active.addClass('ltabs-items-loaded').removeClass('ltabs-process');
                                                    $loading.remove();
                                                    if (type_show != 'slider') {
                                                        showAnimateItems(_items_active);
                                                    }
                                                    updateStatus(_items_active);
                                                }
                                                if(typeof(_SoQuickView) != 'undefined'){
                                                    _SoQuickView();
                                                }

                                            },
                                            dataType: 'json'
                                        });

                                    } else {
                                        if (type_show == 'loadmore') {
                                            $('.ltabs-item', $items_content).removeAttr('style').addClass('new-ltabs-item');
                                            showAnimateItems(_items_active);
                                        }else{
                                             var owl = $('.owl2-carousel' , _items_active);
                                             owl = owl.data('owlCarousel2');
                                             if (typeof owl !== 'undefined') {
                                                owl.onResize();
                                             }
                                        }
                                    }
                                });

                                function updateStatus($el) {
                                    $('.ltabs-loadmore-btn', $el).removeClass('loading');
                                    var countitem = $('.ltabs-item', $el).length;
                                    $('.ltabs-image-loading', $el).css({display: 'none'});
                                    $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_start', countitem);
                                    var rl_total = $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_total');
                                    var rl_load = $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_load');
                                    var rl_allready = $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_allready');

                                    if (countitem >= rl_total) {
                                        $('.ltabs-loadmore-btn', $el).addClass('loaded');
                                        $('.ltabs-image-loading', $el).css({display: 'none'});
                                        $('.ltabs-loadmore-btn', $el).attr('data-label', rl_allready);
                                        $('.ltabs-loadmore-btn', $el).removeClass('loading');
                                    }
                                }

                                $btn_loadmore.on('click.loadmore', function () {
                                    var $this = $(this);
                                    if ($this.hasClass('loaded') || $this.hasClass('loading')) {
                                        return false;
                                    } else {
                                        $this.addClass('loading');
                                        $('.ltabs-image-loading', $this).css({display: 'inline-block'});
                                        var rl_start                = $this.parent().attr('data-rl_start'),
                                            rl_ajaxurl              = $this.parent().attr('data-ajaxurl'),
                                            effect                  = $this.parent().attr('data-effect'),
                                            category_id             = $this.parent().attr('data-categoryid'),
                                            items_active            = $this.parent().attr('data-active-content');

                                        var _items_active = $(items_active,$element);

                                        $.ajax({
                                            type: 'POST',
                                            url: rl_ajaxurl,
                                            data: {
                                                is_ajax_listing_tabs: 1,
                                                ajax_reslisting_start: rl_start,
                                                categoryid: category_id,
                                                setting: setting,
                                                lbmoduleid: 264
                                            },
                                            success: function (data) {
                                                if (data.items_markup != '') {
                                                    $($(data.items_markup).html()).insertAfter($('.ltabs-item', _items_active).nextAll().last());
                                                    $('.ltabs-image-loading', $this).css({display: 'none'});
                                                    showAnimateItems(_items_active);
                                                    updateStatus(_items_active);
                                                }
                                                if(typeof(_SoQuickView) != 'undefined'){
                                                    _SoQuickView();
                                                }
                                            }, dataType: 'json'
                                        });
                                    }
                                    return false;
                                });
                            })('#so_listing_tabs_264');
                        });
                        //]]>
                      </script>
                    </div>
                  </div>
                  <!-- /.modcontent-->
                </div>
              </div>
            </div>
          </div>
        </section>



        
        
        
    </div>

    
</div>

@endsection