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

{% block title %}À propos | {{ parent() }}{% endblock %}

{% block body %}
    <div class="breadcrumb-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="row breadcrumb_box  align-items-center">
                        <div class="col-lg-6 col-md-6 col-sm-12 text-center text-md-left">
                            <h2 class="breadcrumb-title">À propos</h2>
                        </div>
                        <div class="col-lg-6  col-md-6 col-sm-12">
                            <!-- breadcrumb-list start -->
                            <ul class="breadcrumb-list text-center text-md-right">
                                <li class="breadcrumb-item"><a href="{{ path('default')}}">Accueil</a></li>
                                <li class="breadcrumb-item active">À propos</li>
                            </ul>
                            <!-- breadcrumb-list end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{ render(controller('App\\Controller\\DefaultController::renderMedia', {'code': 'about', 'template': 'about.html.twig'})) }}
    <div class="banner-preduct-wrapper pt-100px pb-100px">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-8 pr-0">
                    {{ render(controller('App\\Controller\\DefaultController::renderMedia', {'code': 'about-banner-1', 'template': 'about_banner.html.twig'})) }}
                </div>
                <div class="col-lg-4 col-md-4">
                    {{ render(controller('App\\Controller\\DefaultController::renderMedia', {'code': 'about-banner-2', 'template': 'about_banner.html.twig'})) }}
                    {{ render(controller('App\\Controller\\DefaultController::renderMedia', {'code': 'about-banner-3', 'template': 'about_banner.html.twig'})) }}
                </div>
            </div>
        </div>
    </div>
    <div class="company-logo-section pt-100px pb-100px">
        <div class="company-logo-wrapper" data-aos="fade-up" data-aos-delay="0">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="company-logo-slider slider-nav-style-1">
                            <div class="swiper-container company-logo-slider">
                                <!-- Additional required wrapper -->
                                <div class="swiper-wrapper">
                                    {% for media in section_partner.cmsMedia %}
                                        <div class="company-logo-single-item swiper-slide">
                                            <div class="image">
                                                <img class="img-fluid" src="{{ vich_uploader_asset(media, 'pathFile') }}" alt="">
                                            </div>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                            <!-- Add Arrows -->
                            <div class="swiper-buttons">
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}