templates/product/overview/index.html.twig line 1

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

{% block title %}Départments{{ parent() }}{% endblock %}

{% block body %}
    <div class="container mt-4 departements-ctnr">
        <div class="mt-4 departements-head">
            <h5 class="">
                Nos departements
            </h5>
        </div>

        {% for dp in departments %}
            <div class="category-list mt-4">
                <h6 class="">
                    {{dp.name}}
                </h6>
            </div>

            <div class="row categories-ctnr">
                {% for cat in dp.categories %}
                    <div class="col-md-4 mt-2 mb-2" id="#{{cat.name}}">
                        <div class="card" id="#{{cat.name}}">
                            <img src="{{ asset('products/uploads/category/' ~ cat.image) }}" class="img-fluid" onerror="this.style.display='none'">
                            <div class="font-weight-bold  text-center ml-2 mt-3" id="#{{cat.name}}">
                                <a href="{{path('product.overview.category',{name: cat.name})}}">{{cat.name}}</a>
                            </div>
                            
                            <div class="card-body">
                                <div class="card-text" style="position: relative;">
                                    <a href="{{path('product.overview.category',{name: cat.name})}}" class="btn btn-outline-primary btn-sm">
                                        <i class="fas fa-angle-double-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
        {% endfor %}

    </div>
{% endblock %}