@extends('layouts.store.master')
@section('page', 'Inicio')
@section('classes_body', 'no-mg no-pd')
@section('body')
    @include('layouts.store.carousel')
    @include('layouts.store.products')
    @include('layouts.store.custom_banners')
    @include('layouts.store.products_tab')
    @include('layouts.store.newsletter')
    <h5 class="section-title animate__animated animate__fadeInUp">Lo que opinan nuestros clientes</h5>
    @include('layouts.store.testimonials')
    @include('layouts.store.blog_entries')
    <h5 class="section-title animate__animated animate__fadeInUp">Conoce nuestras marcas</h5>
    @include('layouts.store.brand_carousel')
    @include('layouts.store.modal-product-shop')
    @push('css')
        <style>
            .slick-slide {
                margin: 0px 20px;
            }

            .slick-slide img {
                width: 50%;
            }

            .slick-slider {
                position: relative;
                display: block;
                box-sizing: border-box;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                -webkit-touch-callout: none;
                -khtml-user-select: none;
                -ms-touch-action: pan-y;
                touch-action: pan-y;
                -webkit-tap-highlight-color: transparent;
            }

            .slick-list {
                position: relative;
                display: block;
                overflow: hidden;
                margin: 0;
                padding: 0;
            }

            .slick-list:focus {
                outline: none;
            }

            .slick-list.dragging {
                cursor: pointer;
                cursor: hand;
            }

            .slick-slider .slick-track,
            .slick-slider .slick-list {
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }

            .slick-track {
                position: relative;
                top: 0;
                left: 0;
                display: block;
            }

            .slick-track:before,
            .slick-track:after {
                display: table;
                content: '';
            }

            .slick-track:after {
                clear: both;
            }

            .slick-loading .slick-track {
                visibility: hidden;
            }

            .slick-slide {
                display: none;
                float: left;
                height: 100%;
                min-height: 1px;
            }

            [dir='rtl'] .slick-slide {
                float: right;
            }

            .slick-slide img {
                display: inline;
            }

            .slick-slide.slick-loading img {
                display: none;
            }

            .slick-slide.dragging img {
                pointer-events: none;
            }

            .slick-initialized .slick-slide {
                display: block;
            }

            .slick-loading .slick-slide {
                visibility: hidden;
            }

            .slick-vertical .slick-slide {
                display: block;
                height: auto;
                border: 1px solid transparent;
            }

            .slick-arrow.slick-hidden {
                display: none;
            }

            .slick-dots {
                position: static !important;
                margin-top: 1em;
            }

            .slick-dots li {
                margin: 0 0.25rem;
            }

            .slick-dots li button {
                display: block;
                width: 1rem;
                height: 1rem;
                padding: 0;
                border: none;
                border-radius: 100%;
                background-color: #eeeeee69;
                text-indent: -9999px;
            }

            .slick-dots li.slick-active button {
                background-color: #93C7EB;
            }

            .slick-dotted.slick-slider {
                margin-bottom: 0px !important;
            }

            .slick-prev {
                border: solid black;
                border-width: 0 3px 3px 0;
                display: inline-block;
                padding: 3px;
                transform: rotate(135deg);
                -webkit-transform: rotate(135deg);
                width: 5px;
                height: 5px;
            }

            .slick-next {
                border: solid black;
                border-width: 0 3px 3px 0;
                display: inline-block;
                padding: 3px;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                width: 5px;
                height: 5px;
            }
        </style>
    @endpush
    @push('scripts')
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"
            integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"
            integrity="sha512-AA1Bzp5Q0K1KanKKmvN/4d3IRKVlv9PYgwFPvm32nPO6QS8yH1HO7LbgB1pgiOxPtfeg5zEn2ba64MUcqJx6CA=="
            crossorigin="anonymous"></script>
        @include('layouts.store.scripts.menu-footer')
        <script src="https://wowjs.uk/dist/wow.min.js"></script>
        <script type="text/javascript" src="{{ asset('/js/slick.min.js') }}"></script>
        <script>
            const productCarouselConfig = {
                slidesToShow: 5,
                slidesToScroll: 1,
                autoplay: false,
                arrows: true,
                dots: false,
                infinite: false,
                pauseOnHover: false,
                mobileFirst: true,
                responsive: [{
                        breakpoint: 2000,
                        settings: {
                            slidesToShow: 5
                        }
                    },
                    {
                        breakpoint: 1200,
                        settings: {
                            slidesToShow: 4
                        }
                    },
                    {
                        breakpoint: 992,
                        settings: {
                            slidesToShow: 3
                        }
                    },
                    {
                        breakpoint: 768,
                        settings: {
                            slidesToShow: 2
                        }
                    },
                    {
                        breakpoint: 576,
                        settings: {
                            slidesToShow: 1
                        }
                    }
                ]
            };

            new WOW().init();

            if (!enterprisingId) {
                let enterprisingId = $('meta[name=enterprising-id]').attr('content');

                if (!enterprisingId || enterprisingId == '') {
                    location.reload();
                }
            }

            /**
             * Get top banners
             *
             * @author Diego Velez <diego.velez@nuvem.mx>
             * @created 2021-06-17
             * @updated 01/11/2022 Emmanuel Bautista <emmanuel.bautista@nuvem.mx>
             * @param
             * @return void
             */

            $(document).ready(function() {
                axios.get('{{ config('store.api_medshipper_url') }}' +
                    `get-slides-images?enterprising_id=${enterprisingId}`).then(function(response) {
                    const sliderPlayTime = response.data.slider_play_time;
                    $.each(response.data.data, function(indice, row) {
                        var fields = row.image_path.split(':');
                        let imgString = "";
                        if (fields[0] == "https") {
                            imgString = row.image_path;
                        } else {
                            imgString = "{{ asset('/images/product/product-default.png') }}";
                        }
                        if (indice == 0) {
                            $('#carousel-slide').append(
                                `<div class="carousel-item active" style="max-height: 572;  min-height: 572;"><a href="${row.url}"><img style="height: 572px;" src="${row.image_path}" class="d-block w-100" alt="${row.name}"></a</div>`
                            );
                        } else {
                            $('#carousel-slide').append(
                                `<div class="carousel-item" style="max-height: 572;  min-height: 572;"><a href="${row.url}"><img style="height: 572px;" src="${row.image_path}" class="d-block w-100" alt="${row.name}"></a></div>`
                            );
                        }
                    });

                    var carousel = new bootstrap.Carousel(document.getElementById('carouselExampleSlidesOnly'), {
                        interval: sliderPlayTime ? sliderPlayTime : 4000
                    })

                }).catch(function(error) {
                    console.error(error);
                    let message = error;
                });

            });

            /**
             * Get featured products
             *
             * @author Diego Velez <diego.velez@nuvem.mx>
             * @created 2021-06-17
             * @updated 16/12/2022 José Vega <jose.vega@nuvem.mx>
             * @param
             * @return void
             */

            $(document).ready(function() {

                axios.get('{{ config('store.api_medshipper_url') . 'products/globals?destacado=1' }}' + '&client_id=' +
                    clientId + `&enterprising_id=${enterprisingId}`).then(function(response) {
                    $.each(response.data.data, function(indice, row) {
                        if (indice < 8) {
                            var fields = row.imagen.split(':');
                            let imgString = "";
                            if (fields[0] == "https") {
                                imgString = row.imagen;
                            } else {
                                imgString = "{{ asset('/images/product/product-default.png') }}";
                            }
                            var favoriteDiv = '<a data-is-favorite="false" data-product-id="' + row
                                .Id_Prod1 +
                                '" class="wish-button"  style="position: absolute; top: 6px; margin-left: 70px;cursor:pointer;"><i class="far fa-heart"></i></a>';

                            var route = `{{ URL::to('/') }}` + '/product/' + row.CLAVE_UNIFICADA;
                            var offerDiv = '';
                            var discountDiv = '';
                            if (row.oferta == 1) {
                                if (row.tipo_descuento == "M") {
                                    offerDiv = '<span class="offer-button"> -$' + row
                                        .Cantidad_descuento + '</span>';
                                } else {
                                    offerDiv = '<span class="offer-button">' + Math.trunc(row
                                        .Cantidad_descuento) + '%  </span>';
                                }
                                discountDiv = '<p class="discount-price">$' + parseFloat(row
                                        .PreSinpromocion).toFixed(2) + ' mxn</p>' +
                                    '<input id="' + row.CLAVE_UNIFICADA + '-disc" name="' + row
                                    .CLAVE_UNIFICADA + '-disc" type="hidden" value="' + parseFloat(row
                                        .PreSinpromocion).toFixed(2) + '">';
                            }

                            var exists = Math.trunc(row.Existencia_NVtaEC);
                            var priceRounded = parseFloat(row.PrePublico).toFixed(2);
                            if (exists < 0) {
                                exists = 0;
                            }
                            $('#div-prod-dest').append(`
                                <div class="slide home-product wow animate__animated animate__fadeInUp">
                                        <div class="product">
                                                <div class="product-image">
                                                    <a style="text-decoration: no/* ne;" */ class="div-link" href="  ${route}">
                                                        <img class="image-showcase" src="${imgString}" alt="Imagen">
                                                        <span class="left-stock">¡Quedan ${exists}!</span>
                                                        ${favoriteDiv}
                                                        ${offerDiv}
                                                    </a>
                                                </div>
                                                <div class="product-data">
                                                    <p class="product-title">${row.DESCRIPCIÓN_CORTA}</p>
                                                    <p class="product-brand">${row.Marca}</p>
                                                    <div class="price">
                                                    <input id="${row.CLAVE_UNIFICADA}" name="${row.CLAVE_UNIFICADA}" type="hidden" value="${priceRounded}">
                                                    <p class="product-price" ><strong>$${priceRounded} mxn</strong></p>
                                                    ${discountDiv}
                                                    </div>
                                                    ${
                                                        row.has_promotion ?
                                                        `<div style="text-align: -webkit-center;"><p class="product-promotion">Promoción especial</p></div>`
                                                        :
                                                        ''
                                                    }
                                                </div>
                                                <div class="product-button">
                                                    <button class="button blue button-prod" onclick="quickBuy('${row.CLAVE_UNIFICADA}', '${imgString}')">
                                                        Agregar
                                                    </button>
                                                </div>
                                        </div>
                                </div>`
                            );
                        }
                    });
                }).catch(function(error) {
                    console.error(error);
                    let message = error;
                });

            });

            /**
             * Get offer products
             *
             * @author Diego Velez <diego.velez@nuvem.mx>
             * @created 2021-06-17
             * @updated 03/10/2022 Emmanuel Bautista <emmanuel.bautista@nuvem.mx>
             * @updated 16/12/2022 José Vega <jose.vega@nuvem.mx>
             * @param
             * @return void
             */

            $(document).ready(function() {

                axios.get('{{ config('store.api_medshipper_url') . 'products/globals?oferta=1' }}' + '&client_id=' +
                    clientId + `&enterprising_id=${enterprisingId}`).then(function(response) {
                    $.each(response.data.data, function(indice, row) {
                        var fields = row.imagen.split(':');
                        let imgString = "";
                        if (fields[0] == "https") {
                            imgString = row.imagen;
                        } else {
                            imgString = "{{ asset('/images/product/product-default.png') }}";
                        }

                        var favoriteDiv = '<a data-is-favorite="false" data-product-id="' + row
                            .Id_Prod1 + '" class="wish-button" id="featured_' + row.Id_Prod1 +
                            '"  style="position: absolute; top: 6px; margin-left: 70px;cursor:pointer"><i class="far fa-heart"></i></a>';
                        var route = `{{ URL::to('/') }}` + '/product/' + row.CLAVE_UNIFICADA;
                        var offerDiv = '';
                        var discountDiv = '';
                        if (row.oferta == 1) {
                            if (row.tipo_descuento == "M") {
                                offerDiv = '<span class="offer-button"> -$' + row
                                    .Cantidad_descuento + '</span>';
                            } else {
                                offerDiv = '<span class="offer-button">' + Math.trunc(row
                                    .Cantidad_descuento) + '%  </span>';
                            }

                            discountDiv = '<p class="discount-price">$' + parseFloat(row
                                    .PreSinpromocion).toFixed(2) + ' mxn</p>' +
                                '<input id="' + row.CLAVE_UNIFICADA + '-disc" name="' + row
                                .CLAVE_UNIFICADA + '-disc" type="hidden" value="' + parseFloat(row
                                    .PreSinpromocion).toFixed(2) + '">';
                        }

                        var exists = Math.trunc(row.Existencia_NVtaEC);
                        var priceRounded = parseFloat(row.PrePublico).toFixed(2);
                        existsTag = '';
                        if (exists <= 0) {
                            existsTag = '<span class="left-stock">Agotado</span>';
                        } else if (exists > 1 && exists <= 5) {
                            existsTag = `<span class="left-stock">¡Quedan ${exists}!</span>`;
                        } else if (exists == 1) {
                            existsTag = `<span class="left-stock">¡Queda ${exists}!</span>`;
                        }
                        $('#offers-carousel').append(`
                            <div class="slide home-product wow animate__animated animate__fadeInUp">
                                        <div class="product">
                                                <div class="product-image">
                                                    <a style="text-decoration: no/* ne;" */ class="div-link" href="  ${route}">
                                                        <img class="w-100" src="${imgString}" alt="Imagen">
                                                        ${existsTag}
                                                        ${favoriteDiv}
                                                        ${offerDiv}
                                                    </a>
                                                </div>
                                                <div class="product-data">
                                                    <p class="product-title">${row.DESCRIPCIÓN_CORTA}</p>
                                                    <p class="product-brand">${row.Marca}</p>
                                                    <div class="price">
                                                    <input id="${row.CLAVE_UNIFICADA}" name="${row.CLAVE_UNIFICADA}" type="hidden" value="${priceRounded}">
                                                    <p class="product-price" ><strong>$${priceRounded} mxn</strong></p>
                                                    ${discountDiv}
                                                    </div>
                                                    ${
                                                        row.has_promotion ?
                                                        `<div style="text-align: -webkit-center;"><p class="product-promotion">Promoción especial</p></div>`
                                                        :
                                                        ''
                                                    }
                                                </div>
                                                <div class="product-button">
                                                    <button class="button blue button-prod" onclick="quickBuy('${row.CLAVE_UNIFICADA}', '${row.imgString}')">
                                                        Agregar
                                                    </button>
                                                </div>
                                        </div>
                            </div>`
                        );
                    });
                }).catch(function(error) {
                    console.error(error);
                    let message = error;
                }).finally(() => {
                    $('#offers-carousel').slick(productCarouselConfig);
                    $('#nav-offer-tab').on('show.bs.tab', function() {
                        $('#offers-carousel').addClass('d-none');
                        $('#prod-offer').append(
                            `<p id="offer-loader" class="text-center"><i class="fas fa-spinner primary-color icon-template"></i> Cargando...</p>`
                        );
                        setTimeout(() => {
                            $('#offers-carousel').removeClass('d-none');
                            $('#offers-carousel').slick('refresh');
                            $('#offer-loader').remove();
                        }, 500);
                    });
                });

            });

            /**
             * Get best seller products
             *
             * @author Diego Velez <diego.velez@nuvem.mx>
             * @created 2021-06-17
             * @updated 30/09/2022 Emmanuel Bautista <emmanuel.bautista@nuvem.mx>
             * @updated 03/10/2022 Emmanuel Bautista <emmanuel.bautista@nuvem.mx>
             * @updated 16/12/2022 José Vega <jose.vega@nuvem.mx>
             * @param
             * @return void
             */

            $(document).ready(function() {

                axios.get('{{ config('store.api_medshipper_url') . 'products/globals?best_seller=true' }}' +
                    '&client_id=' + clientId + `&enterprising_id=${enterprisingId}`).then(function(response) {
                    $.each(response.data.data, function(indice, row) {
                        var fields = row.imagen.split(':');
                        let imgString = "";
                        if (fields[0] == "https") {
                            imgString = row.imagen;
                        } else {
                            imgString = "{{ asset('/images/product/product-default.png') }}";
                        }
                        var favoriteDiv = '<a data-is-favorite="false" data-product-id="' + row
                            .Id_Prod1 +
                            '" class="wish-button"  style="position: absolute; top: 6px; margin-left: 70px;cursor:pointer;"><i class="far fa-heart"></i></a>';

                        var route = `{{ URL::to('/') }}` + '/product/' + row.CLAVE_UNIFICADA;
                        var offerDiv = '';
                        var discountDiv = '';
                        if (row.oferta == 1) {
                            if (row.tipo_descuento == "M") {
                                offerDiv = '<span class="offer-button"> -$' + row
                                    .Cantidad_descuento + '</span>';
                            } else {
                                offerDiv = '<span class="offer-button">' + Math.trunc(row
                                    .Cantidad_descuento) + '%  </span>';
                            }

                            discountDiv = '<p class="discount-price">$' + parseFloat(row
                                    .PreSinpromocion).toFixed(2) + ' mxn</p>' +
                                '<input id="' + row.CLAVE_UNIFICADA + '-disc" name="' + row
                                .CLAVE_UNIFICADA + '-disc" type="hidden" value="' + parseFloat(row
                                    .PreSinpromocion).toFixed(2) + '">';
                        }

                        var exists = Math.trunc(row.Existencia_NVtaEC);
                        var priceRounded = parseFloat(row.PrePublico).toFixed(2);
                        existsTag = '';
                        if (exists <= 0) {
                            existsTag = '<span class="left-stock">Agotado</span>';
                        } else if (exists > 1 && exists <= 5) {
                            existsTag = `<span class="left-stock">¡Quedan ${exists}!</span>`;
                        } else if (exists == 1) {
                            existsTag = `<span class="left-stock">¡Queda ${exists}!</span>`;
                        }
                        $('#best-seller-carousel').append(
                            `<div class="slide home-product wow animate__animated animate__fadeInUp">
                                        <div class="product">
                                                <div class="product-image">
                                                    <a style="text-decoration: no/* ne;" */ class="div-link" href="  ${route}">
                                                        <img class="w-100" src="${imgString}" alt="Imagen">
                                                        ${existsTag}
                                                        ${favoriteDiv}
                                                        ${offerDiv}
                                                    </a>
                                                </div>
                                                <div class="product-data">
                                                    <p class="product-title">${row.DESCRIPCIÓN_CORTA}</p>
                                                    <p class="product-brand">${row.Marca}</p>
                                                    <div class="price">
                                                    <input id="${row.CLAVE_UNIFICADA}" name="${row.CLAVE_UNIFICADA}" type="hidden" value="${priceRounded}">
                                                    <p class="product-price" ><strong>$${priceRounded} mxn</strong></p>
                                                    ${discountDiv}
                                                    </div>
                                                    ${
                                                        row.has_promotion ?
                                                        `<div style="text-align: -webkit-center;"><p class="product-promotion">Promoción especial</p></div>`
                                                        :
                                                        ''
                                                    }
                                                </div>
                                                <div class="product-button">
                                                    <button class="button blue button-prod" onclick="quickBuy('${row.CLAVE_UNIFICADA}', '${imgString}')">
                                                        Agregar
                                                    </button>
                                                </div>
                                        </div>
                                </div>`);
                    });
                }).catch(function(error) {
                    console.error(error);
                    let message = error;
                }).finally(() => {
                    $('#best-seller-carousel').slick(productCarouselConfig);
                    $('#nav-seller-tab').on('show.bs.tab', function() {
                        $('#best-seller-carousel').addClass('d-none');
                        $('#prod-seller').append(
                            `<p id="seller-loader" class="text-center"><i class="fas fa-spinner primary-color icon-template"></i> Cargando...</p>`
                        );
                        setTimeout(() => {
                            $('#best-seller-carousel').slick('refresh');
                            $('#best-seller-carousel').removeClass('d-none');
                            $('#seller-loader').remove();
                        }, 500);
                    });
                });

            });

            /**
             * Get newer products
             *
             * @author Diego Velez <diego.velez@nuvem.mx>
             * @created 2021-06-17
             * @updated 10/10/2022 Emmanuel Bautista <emmanuel.bautista@nuvem.mx>
             * @updated 16/12/2022 José Vega <jose.vega@nuvem.mx>
             * @param
             * @return void
             */

            $(document).ready(function() {
                $('#prod-newer').append(`<p id="newer-loader" class="text-center"><i class="fas fa-spinner primary-color icon-template"></i> Cargando...</p>`);
                axios.get('{{ config('store.api_medshipper_url') . 'products/globals?newer=true' }}' +
                    '&client_id=' + clientId + `&enterprising_id=${enterprisingId}`).then(function(response) {
                    $('#newer-loader').remove();
                    $.each(response.data.data, function(indice, row) {
                        var fields = row.imagen.split(':');
                        let imgString = "";
                        if (fields[0] == "https") {
                            imgString = row.imagen;
                        } else {
                            imgString = "{{ asset('/images/product/product-default.png') }}";
                        }
                        var favoriteDiv = '<a data-is-favorite="false" data-product-id="' + row
                            .Id_Prod1 +
                            '" class="wish-button"  style="position: absolute; top: 6px; margin-left: 70px;cursor:pointer;"><i class="far fa-heart"></i></a>';

                        var route = `{{ URL::to('/') }}` + '/product/' + row.CLAVE_UNIFICADA;
                        var offerDiv = '';
                        var discountDiv = '';
                        if (row.oferta == 1) {
                            if (row.tipo_descuento == "M") {
                                offerDiv = '<span class="offer-button"> -$' + row
                                    .Cantidad_descuento + '</span>';
                            } else {
                                offerDiv = '<span class="offer-button">' + Math.trunc(row
                                    .Cantidad_descuento) + '%  </span>';
                            }

                            discountDiv = '<p class="discount-price">$' + parseFloat(row
                                    .PreSinpromocion).toFixed(2) + ' mxn</p>' +
                                '<input id="' + row.CLAVE_UNIFICADA + '-disc" name="' + row
                                .CLAVE_UNIFICADA + '-disc" type="hidden" value="' + parseFloat(row
                                    .PreSinpromocion).toFixed(2) + '">';
                        }

                        var exists = Math.trunc(row.Existencia_NVtaEC);
                        var priceRounded = parseFloat(row.PrePublico).toFixed(2);
                        existsTag = '';
                        if (exists <= 0) {
                            existsTag = '<span class="left-stock">Agotado</span>';
                        } else if (exists > 1 && exists <= 5) {
                            existsTag = `<span class="left-stock">¡Quedan ${exists}!</span>`;
                        } else if (exists == 1) {
                            existsTag = `<span class="left-stock">¡Queda ${exists}!</span>`;
                        }
                        $('#newer-carousel').append(`
                                <div class="slide home-product wow animate__animated animate__fadeInUp">
                                        <div class="product">
                                                <div class="product-image">
                                                    <a style="text-decoration: no/* ne;" */ class="div-link" href="  ${route}">
                                                        <img class="w-100" src="${imgString}" alt="Imagen">
                                                        ${existsTag}
                                                        ${favoriteDiv}
                                                        ${offerDiv}
                                                    </a>
                                                </div>
                                                <div class="product-data">
                                                    <p class="product-title">${row.DESCRIPCIÓN_CORTA}</p>
                                                    <p class="product-brand">${row.Marca}</p>
                                                    <div class="price">
                                                    <input id="${row.CLAVE_UNIFICADA}" name="${row.CLAVE_UNIFICADA}" type="hidden" value="${priceRounded}">
                                                    <p class="product-price" ><strong>$${priceRounded} mxn</strong></p>
                                                    ${discountDiv}
                                                    </div>
                                                    ${
                                                        row.has_promotion ?
                                                        `<div style="text-align: -webkit-center;"><p class="product-promotion">Promoción especial</p></div>`
                                                        :
                                                        ''
                                                    }
                                                </div>
                                                <div class="product-button">
                                                    <button class="button blue button-prod" onclick="quickBuy('${row.CLAVE_UNIFICADA}', '${imgString}')">
                                                        Agregar
                                                    </button>
                                                </div>
                                        </div>
                                </div>`);
                    });
                }).catch(function(error) {
                    console.error(error);
                    let message = error;
                }).finally(() => {
                    $('#newer-carousel').slick(productCarouselConfig);
                    $('#nav-newer-tab').on('show.bs.tab', function() {
                        $('#newer-carousel').addClass('d-none');
                        $('#prod-newer').append(
                            `<p id="newer-loader" class="text-center"><i class="fas fa-spinner primary-color icon-template"></i> Cargando...</p>`
                        );
                        setTimeout(() => {
                            $('#newer-carousel').slick('refresh');
                            $('#newer-carousel').removeClass('d-none');
                            $('#newer-loader').remove();
                        }, 500);
                    });
                });

            });

            /**
             * Get customer opinions
             *
             * @author Diego Velez <diego.velez@nuvem.mx>
             * @created 2021-06-10
             * @updated 12/10/2022 Emmanuel Bautista <emmanuel.bautista@nuvem.mx>
             * @param integer
             * @return void
             */

            $(document).ready(function() {

                axios.get('{{ config('store.api_medshipper_url') }}' + "customers/comments/1?enterprising_id=" +
                    enterprisingId).then(function(response) {
                    $.each(response.data.data, function(indice, row) {

                        if (indice % 2 == 0) {
                            $('#testimonials').append(
                                `
                                    <div class="testimonial-comment-blue">
                                        <div style="text-align: center;" id="rating-${indice}"></div>
                                        ${row.comment ? `<p class="comment text-center mt-2">${row.comment}</p>`: ``}
                                        ${row.name ? `<p class="italics">${row.name}</p>` : ``}
                                    </div>`
                            );
                        } else {
                            $('#testimonials').append(
                                `
                                    <div class="testimonial-comment-red">
                                        <div style="text-align: center;" id="rating-${indice}"></div>
                                        ${row.comment ? `<p class="comment text-center mt-2">${row.comment}</p>`: ``}
                                        ${row.name ? `<p class="italics">${row.name}</p>` : ``}
                                    </div>`
                            );
                        }
                        var stars = '#rating-' + indice;
                        for (var i = 0; i < row.rating; i++) {
                            $(stars).append(`<i class="fas fa-star">`);
                        }
                    });

                    $('.your-class-c').slick({
                        // infinite: true,
                        infinite: true,
                        // arrow: true,
                        slidesToShow: 4,
                        slidesToScroll: 1,
                        responsive: [{
                                breakpoint: 768,
                                settings: {
                                    arrows: false,
                                    centerMode: true,
                                    centerPadding: '40px',
                                    slidesToShow: 3
                                }
                            },
                            {
                                breakpoint: 480,
                                settings: {
                                    arrows: false,
                                    centerMode: true,
                                    centerPadding: '40px',
                                    slidesToShow: 1
                                }
                            }
                        ]
                    });

                    setTimeout(() => {
                        $('.your-class-c').slick('refresh');
                    }, 3000);

                }).catch(function(error) {
                    console.error(error);
                    let message = error;
                });

            });

            /**
             * Get the latest blogs
             *
             * @author Diego Velez <diego.velez@nuvem.mx>
             * @created 2021-06-10
             * @param integer
             * @return void
             */

            $(document).ready(function() {

                axios.get('{{ config('store.api_medshipper_url') }}' + "get-blogs?enterprising_id=" + enterprisingId)
                    .then(function(response) {
                        $.each(response.data.data, function(indice, row) {
                            if (indice == 0) {
                                $('#blog-image-1').append(`<img class="image-showcase" src="` + row.images[
                                    0].url + `" alt="Imagen">`);
                                $('#blog-content-1').append(`<p class="blog-title">` + row.title +
                                    `</p><p style="min-height:130px; overflow: hidden;">` + window
                                    .cutString(row.content, 200) +
                                    `...</p><button onclick="location.href='{{ url('/blogs') }}/` + row
                                    .id +
                                    `'" style="font-size: 12px; color: white;" type="submit" class="btn red px-5 py-2">Leer más</button>`
                                );
                            } else if (indice == 1) {
                                $('#blog-image-2').append(`<img src="` + row.images[0].url +
                                    `" alt="blog-img">`);
                                $('#blog-content-2').append(`<p class="blog-title">` + row.title +
                                    `</p><p style="overflow: hidden; min-height: 160px;">` + window
                                    .cutString(row.content, 200) +
                                    `...</p><button onclick="location.href='{{ url('/blogs') }}/` + row
                                    .id +
                                    `'" style="font-size: 12px; color: white;" type="submit" class="btn red px-5 py-2">Leer más</button>`
                                );
                            } else if (indice == 2) {
                                $('#blog-content-3').append(`<p class="blog-title">` + row.title +
                                    `</p><p style="overflow: hidden; min-height: 160px;">` + window
                                    .cutString(row.content, 200) +
                                    `...</p><button onclick="location.href='{{ url('/blogs') }}/` + row
                                    .id +
                                    `'" style="font-size: 12px; color: white;" type="submit" class="btn red px-5 py-2">Leer más</button>`
                                );
                                $('#blog-image-3').append(`<img src="` + row.images[0].url +
                                    `" alt="blog-img">`);
                            }
                        });

                    }).catch(function(error) {
                        console.error(error);
                        let message = error;
                    });

                /**
                 * Cut the blog content to a specified length
                 *
                 * @param string string
                 * @param int length
                 * @return string
                 */
                window.cutString = function(string, length) {
                    return string.substring(0, length);
                }

            });

            /**
             * Get bullets
             *
             * @author Diego Velez <diego.velez@nuvem.mx>
             * @created 2021-10-08
             * @param
             * @return void
             */
            $(document).ready(function() {
                axios.get('{{ config('store.api_medshipper_url') }}' + "bullets?enterprising_id=" + enterprisingId)
                    .then(function(response) {
                        $.each(response.data.bullets, function(indice, row) {
                            if (row.activated == 1) {
                                $('#bullet-container').append(`
                            <div class="card wow animate_animated animate_fadeInUp">
                                <div class="containerImg">
                                    <div class="title-card">
                                        <p class="no-pd no-mg">` + row.name + `</p>
                                    </div>
                                    <div class="image-bullet">
                                        <img src="` + row.image_path + `" style="width:100%; height:150px">
                                    </div>
                                    <div style="padding: 1rem 0;text-align: center; ">
                                        <a class="card-link" href="` + row.url + `">Ver productos</a>
                                    </div>
                                </div>
                            </div>
                         `);
                            }
                        });
                    }).catch(function(error) {
                        console.error(error);
                        let message = error;
                    });
            });
        </script>
    @endpush
    @include('layouts.store.scripts.list')

@endsection