{% extends 'main_base.html.twig' %}
{% block title %}{{ entity.title }}{% endblock %}
{% block description %}{{ entity.description }}{% endblock %}
{% block content %}
    <div class="page_head" id="hakkimizda-banner" style="background-image: url('{{ asset('uploads/firma/banner/'~entity.firma.banner) }}')">
        <h1 class="page-title animate__animated animate__flipInX">{{ entity.baslik }}</h1>
        <div class="tree animate__animated animate__slideInDown">
            <a href="{{ path('app_main_default') }}">{{ 'home'|trans }} </a>
            <span>/</span>
            <a href="javascript:void(0);">{{ 'companies'|trans }}</a>
            <span>/</span>
            <a href="javascript:void(0);" class="activetree">{{ entity.baslik }}</a>
        </div>
        {#<div class="innerPage-banner-img-hiz">
            <img src="{{ asset('assets/main/img/cert.png') }}" alt="">
        </div>#}
    </div>
    <div class="history">
        <div class="container">
            <div class="history-wrapper">
                <div class="history-left hakkimizda-history-left">
                    <div class="history-text">
                        <h4>{{ entity.baslik }}</h4>
                        {{ entity.metin|raw }}
                    </div>
                </div>
                <div class="history-right hakkimizda-history-right">
                    <div class="swiper hakkimizda-swiper">
                        <div class="swiper-wrapper">
                            {% for resim in entity.firma.resimler|filter(r => r.del == 0) %}
                                <div class="swiper-slide">
                                    <img src="{{ asset('uploads/firma/'~resim.resim) }}" alt="Askon">
                                </div>
                            {% endfor %}
                        </div>
                        <div class="swiper-pagination"></div>
                        <div class="hakkimizda-swiper-navs" hidden="hidden">
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-next"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}