{% extends 'base.html.twig' %}
{% block title %}
    {% if app.request.locale == "hr" %}
        Naši dnevni projekti - Servis LED i LCD uređaja
    {% elseif app.request.locale == "de" %}
        Projekte - Service von LED- und LCD-Geräten
    {% else %}
        Our daily projects - LED and LCD devices
    {% endif %}
{% endblock %}

{% block body %}

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

    <section class="contact-section-background text-center">
        <div class="container-fluid contact-section">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        {% if app.request.locale == "hr" %}
                            <h3 class="text-white product-title">Naši projekti</h3>
                        {% elseif app.request.locale == "de" %}
                            <h3 class="text-white product-title">Projekte</h3>
                        {% else %}
                            <h3 class="text-white product-title">Our projects</h3>
                        {% endif %}

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

    </section>

<section class="projects sec-50">
    <div class="container">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">

                {% for item in Projects %}

                <div class="col mb-5">
                    <div class="card mycard h-100">
                        <a href="{{ path('project_details_page', {'id': item.id }) }}"><img src="{{ asset('uploads/images/' ~ item.image) }}" class="card-img-top" alt="{{ item.title }}"/></a>
                        <div class="card-body">
                            <h5 class="card-title"><a href="{{ path('project_details_page', {'id': item.id }) }}" class="mylink">{{ item.title }}</a></h5>
                            <p class="card-text">{{  item.metaDescription }}</p>
                        </div>
                        <div class="card-footer">
                            <small class="text-muted">{{  item.published|date("m.d.Y.")}}</small>
                        </div>
                    </div>
                </div>
                {% endfor %}

            </div>
            <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                {% include('elements/_projects_page_content.html.twig') %}
            </div>
        </div>
    </div>
</section>

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



{% endblock %}