{% extends 'base.html.twig' %}

{% block title %}{% if app.request.locale == "hr" %}Najam LED i LCD displaya za sve vrste događanja, izložbi, promocija, ceremonija - {% elseif app.request.locale == "de" %}Rent unsere LED-bildschirme - LED - und LCD-Technologie{% else %}Rent our LED or LCD Screens for a period from one day to one year!{% endif %}
{% endblock %}

{% block meta %}{% if app.request.locale == "hr" %}Posebna linija proizvoda za digitalno oglašavanje koji se mogu iznajmiti, dizajnirana za sve vrste događanja, izložbi, promocija, ceremonija. {% elseif app.request.locale == "de" %}Spezielle Linie von mietbaren digitalen Beschilderungsprodukten, die für alle Arten von Veranstaltungen, Ausstellungen, Promotionen, Zeremonien konzipiert wurden...  LED- und LCD-Technologie{% else %}Special line of rentable digital signage products designed for all types of events, exhibitions, promotions, ceremonies… Our wide range of LED and LCD technology, including attractive robots, can surely take your plans and ideas to another dimension.{% endif %}
{% endblock %}

{% block body %}

    {% include('elements/_navigation.html.twig') %}



    <div class="play-rental-video">
        <iframe src="https://www.youtube.com/embed/Rk8tvco8LSs?controls=0&autoplay=1&mute=1&playsinline=1&loop=1&modestbranding=1&showinfo=0&rel=0"></iframe>
    </div>


    <section class="black-rental-heading sec-50">
        <div class="container-fluid">
                <div class="container">
                    <div class="row text-center">
                        <h3>Screenz <span class="blue-text-color">{{ Info.title }}</span></h3>
                        <div class="description">{{ Info.text|raw }}</div>
                        <p class="blue-border-4 text-center"></p>
                        <p class="description">{{ Info.metaDescription|raw }}</p>
                    </div>
                </div>
        </div>
    </section>

    <section class="list-rental-products sec-30">
        <div class="container-fluid">
            <div class="container">
                <div class="row no-gutters">
                    <div class="clearfix mb-3 d-block">
                        <h3 class="filtering_title text-center mb-3 text-white">{{ 'translate.all_rental_products'|trans }}</h3>
                        <div class="filtering col-sm-12 text-center mb-5 clea">
                            <span data-filter=".all" class="active filtering_title">{{ 'translate.all_purposes'|trans }}</span>
                            {% for ind in Industries %}
                            <span data-filter=".ind{{ ind.id }}" class="filtering_title">{{ ind.name }}</span>
                            {% endfor %}

                        </div>
                    </div>
                    <div class="col-12 text-center w-100 mt-5 clearfix ">
                        <div class="row gallery">
                            {% for product in Products %}

                                <div class="col-sm-6 col-lg-3 mb-3 all grid-item product {% for ind in product.industry %} ind{{ ind.id}} {% endfor %}">
                                <div class="portfolio-wrapper">
                                    <div class="portfolio-image mb-2">
                                        <img src="{{ asset('uploads/images/' ~ product.image) }}" alt="{{ product.title }}" />
                                    </div>
                                    <h2 class="text-white">{{ product.title }}</h2>
                                    <div class="portfolio-overlay">
                                        <div class="portfolio-content">
                                            <a class="popimg ml-0" href="#">
                                                <i class="ti-zoom-in display-24 display-md-23 display-lg-22 display-xl-20"></i>
                                            </a>

                                            <p class="button"><a href="{{ path('rentals_detail_page', {'slug': product.slug }) }}">{{ 'translate.rent'|trans }}</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {% endfor %}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    {% include('elements/_footer.html.twig') %}

{% endblock %}