{% extends 'tbudddy/tbudddy.html.twig' %}

{% block body %}
    <div class="site-section site-section-sm pb-0 ">
        <div id="image_slide_para_si">
            <div class="container">
                <div class="row align-items-lg-start justify-content-center text-center">
                    <div class="col-md-10">
                        <h1 class="mb-2 title_slider" >Categoria Destinos</h1>
                        <p class="mb-5 second_title_slider">Escolhidos para SI</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% include 'tbudddy/search_event/search_event.html.twig' %}

    <div class="site-section site-section-sm bg-light">
        <div class="container">
{#            <h2 class="custom_font">{% trans %}destinations{% endtrans %}</h2>#}
            <div class="row mb-5" id="product_list">

                    {% for products in get_products %}
                        <div class="col-md-4 products_one" style="display: none">
                            <div class="property-entry h-100">
                                <a href="{{ path('product', {'id':  products.id  , 'title': urlNormalize(products.title)}) }}" class="property-thumbnail">
                                    <img class="img-fluid product_img_{{ products.id }}" src="/uploads/products/{{products.id}}-6x5.jpg"  alt="Image">
                                </a>
                                <div class="">
                                    <h2 class="property-title custom_font"><a href=""> {{ products.title }}</a></h2>
                                    <span class="property-location d-block custom_font">{{products.shortDescription}}</span>
                                    {% set minvalue = 99999999999 %}
                                    {% for ticket in tickets %}
                                        {% if products.id == ticket.product.id %}
                                            {% set minvalue = min(ticket.amount.amount, minvalue) %}
                                        {% endif %}
                                    {% endfor %}

                                    <strong class="custom_font" style="color: #000;"><span class="product_price_{{ products.id }}"></span> €/{% trans %}person{% endtrans %}</strong>
                                    <script>
                                        $(".product_img_{{ products.id }}").error(function () {
                                            $(this).unbind("error").attr("src", "/assets/tbudddy/images/no-image.png");
                                        });


                                        var valor_xxx = {{ minvalue }};
                                        var resutado =  (valor_xxx / 100).toFixed(2);
                                        $('.product_price_{{ products.id }}').html(resutado);
                                    </script>
                                </div>
                            </div>
                        </div>
                    {% endfor %}

            </div>
            <div class="row">
                <div class="col-md-12 ">
                    <a href="javascript:void(0)" class="custom_font" id="show_more_products" style="text-decoration: underline; color: #000;">Ver Mais</a>
                </div>
            </div>
        </div>
    </div>

    <div class="site-section site-section-sm pb-0 " style="padding: 0">
        <div class="parasi_middle_cover_image" >
            <div class="container">
                <div class="row align-items-lg-start justify-content-center text-center" style="text-align: center !important;" >
                    <div class="col-md-12">
                        <h1 class="mb-2 title_slider desti_title_slide" >Sua melhor experiencia</h1>
                        <p class="mb-5 second_title_slider_destin" >Vem ter conosco</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% include 'tbudddy/featuredestinations/feature_destinations.html.twig' %}


    <script>
        $(document).ready(function () {
            size_li = $("#product_list .products_one").size();
            x=9;
            $('#product_list .products_one:lt('+x+')').show();

            $('#show_more_products').click(function () {
                x= (x+6 <= size_li) ? x+6 : size_li;
                $('#product_list .products_one:lt('+x+')').show();
            });
        });
    </script>


{% endblock %}