@extends('layouts.store.master')
@section('meta_tags')
<link rel="stylesheet" href="{{asset('/css/store/add_cart_product_modal.css')}}">
<link rel="stylesheet" href="{{asset('/css/store/products_list.css')}}">
@endsection
@section('page','Promociones')
@section('classes_body','no-mg no-pd')
@section('body')
    @include('layouts.store.list_promotions')
    <h5 class="section-title animate__animated animate__fadeInUp">Conoce nuestras marcas</h5>
    @include('layouts.store.brand_carousel')
    @include('layouts.store.modal-product-shop')
    @push('scripts')
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js" integrity="sha512-AA1Bzp5Q0K1KanKKmvN/4d3IRKVlv9PYgwFPvm32nPO6QS8yH1HO7LbgB1pgiOxPtfeg5zEn2ba64MUcqJx6CA==" crossorigin="anonymous"></script>
        <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        @include('layouts.store.scripts.menu-footer');
        <script type="text/javascript" src="{{asset('/js/slick.min.js')}}"></script>
        <script src="https://wowjs.uk/dist/wow.min.js"></script>
        <script>
         new WOW().init();
        </script>
        <script src="{{asset('/js/store/list_products.js')}}"></script>

    @endpush
    @include('store.medicadepot.scripts.filterjs')
    @include('layouts.store.scripts.list')
    @push('scripts')
        <script>
            $( document ).ready(function() {
                filtersSelected = {
                    "busqueda": null,
                    "familia": [],
                    "categoria": [],
                    "especialidad": [],
                    "marca": [],
                    "destacado": null,
                    "ofertas": null,
                    "promociones": 1,
                    "order": null,
                    "prepublico" : null,
                    "order_type" : null,
                    "id_enterprising" : {{ config('store.enterprising_id') }}
                };
            });
        </script>
        <script>
            /**
             * It have to use jQuery to remove some classes and add some extra to make it responsive
             * 
             * @author Benito Huerta <benito.huerta@nuvem.mx>
             * @return void
             */
            function setStyles() {
                let staticNavHeight = $('.static-menu ').height();
                $('.sort-filter-container').css({"top": staticNavHeight - 305, "margin-bottom": 0});
                $('#div-page').removeClass('mt-4').css({"margin-top": staticNavHeight - 250});
                $('.breadcrums').css({"margin-top": staticNavHeight + 70});
            }
        </script>
        @include('store.medicadepot.scripts.productsjs')
    @endpush
@endsection