{% extends 'main_base.html.twig' %}
{% block title %}{{ entity.title }}{% endblock %}
{% block description %}{{ entity.description }}{% endblock %}
{% block pageStyle %}
    <meta name="robots" content="noindex">
    <style>
        @media (max-width: 575.98px) {
            .history-text {
                transform: translateX(0);
            }
        }
    </style>
{% endblock %}
{% block content %}
    {% set banner = entity.sayfa.banner %}
    {% set bannerPath = asset('uploads/sayfa/banner/') %}
    {% if banner is null %}
        {% set banner = 'sabit-banner.png' %}
        {% set bannerPath = asset('assets/main/img/') %}
    {% endif %}
    <div class="page_head" id="hakkimizda-banner" style="background-image: url('{{ bannerPath~banner }}')">
        <h1 class="page-title animate__animated animate__flipInX">{{ entity.baslik }}</h1>
        <div class="tree animate__animated animate__slideInDown">
            <a href="#">{{ 'home'|trans }} </a>
            <span>/</span>
            <a href="#" 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="">
                <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.sayfa.resimler|filter(r => r.del == 0) %}
                                <div class="swiper-slide">
                                    <img src="{{ asset('uploads/sayfa/'~resim.resim) }}" alt="Askon">
                                </div>
                            {% endfor %}
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                    <div class="history-right-bottomText">
                        Askon geçmişten günümüze
                    </div>
                </div>#}
            </div>
        </div>
    </div>
{% endblock %}