{% extends 'main_base.html.twig' %}
{% block title %}{{ entity.title }}{% endblock %}
{% block description %}{{ entity.description }}{% endblock %}
{% block content %}
    {% set banner = entity.sayfa.banner %}
    {% set bannerPath = asset('uploads/medya/banner/') %}
    {% if banner is null %}
        {% set banner = 'medya.png' %}
        {% set bannerPath = asset('assets/main/img/') %}
    {% endif %}
    <div class="page_head" id="medya-banner" style="background-image: url('{{ bannerPath~banner }}')">
        <h1 class="page-title animate__animated animate__flipInX">{{ 'media'|trans }}</h1>
        <div class="tree animate__animated animate__slideInDown">
            <a href="{{ path('app_main_default') }}">{{ 'home'|trans }} </a>
            <span>/</span>
            <a href="javascript:void(0);">{{ 'media'|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>
    {% if entity.sayfa.yazilar|filter(d => d.del == 0)|length > 0 %}
        <div id="medya">
            <div class="container">
                <div class="row">
                    {% for yazi in entity.sayfa.yazilar|filter(d => d.del == 0)|sort((a,b) => a.createDate < b.createDate) %}
                        {% set yaziDil = yazi.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %}
                        <div class="col-lg-4 medya-small-box mb-4">
                            <div class="dg-blogbox position-relative">
                                <a href="{{ path('app_main_medya_detay', {'link': yaziDil.link}) }}" class="medya-link"></a>
                                <div class="box-body">
                                    {% if yazi.resim %}
                                        <img src="{{ asset('uploads/medya/resim/'~yazi.resim) }}" alt="{{ yaziDil.baslik }}">
                                    {% else %}
                                        <img src="{{ asset('assets/main/img/blog-kapak.jpeg') }}" alt="">
                                    {% endif %}
                                </div>
                                <div class="box-footer">
                                    <h6 class="footer-categ categ-detay">Genel</h6>
                                    <h4 class="footer-title">{{ yaziDil.baslik }}</h4>
                                    <div class="footer-date">{{ yaziDil.updateDate|date('Y-m-d') }}</div>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                    <div class="col-12">
                        <button class="form-control yt-more">{{ 'more_detail'|trans }}</button>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}

    {% if entity.sayfa.dosyalar|filter(d => d.del == 0)|length > 0 %}
        <div id="dosya">
            <div class="container">
                <div class="row">
                    {% for dosya in entity.sayfa.dosyalar|filter(d => d.del == 0)|sort((a,b) => a.createDate < b.createDate) %}
                        <div class="col-lg-4 medya-small-box">
                            <div class="dg-blogbox position-relative">
                                <a href="{{ asset('uploads/medya/dosya/'~dosya.dosya) }}" class="medya-link" target="_blank"></a>
                                <div class="box-body text-center py-5">
                                    <svg width="120" height="120" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M15.5 0C13.3687 0 11.625 1.74375 11.625 3.875V58.125C11.625 60.2562 13.3687 62 15.5 62H54.25C56.3812 62 58.125 60.2562 58.125 58.125V15.5L42.625 0H15.5Z" fill="#E2E5E7"/>
                                        <path d="M46.5 15.5H58.125L42.625 0V11.625C42.625 13.7563 44.3687 15.5 46.5 15.5Z" fill="#B0B7BD"/>
                                        <path d="M58.125 27.125L46.5 15.5H58.125V27.125Z" fill="#CAD1D8"/>
                                        <path d="M50.375 50.375C50.375 51.4406 49.5031 52.3125 48.4375 52.3125H5.8125C4.74687 52.3125 3.875 51.4406 3.875 50.375V31C3.875 29.9344 4.74687 29.0625 5.8125 29.0625H48.4375C49.5031 29.0625 50.375 29.9344 50.375 31V50.375Z" fill="#F15642"/>
                                        <path d="M12.3203 36.7099C12.3203 36.1984 12.7233 35.6404 13.3724 35.6404H16.9509C18.9659 35.6404 20.7794 36.9889 20.7794 39.5735C20.7794 42.0225 18.9659 43.3865 16.9509 43.3865H14.3644V45.4325C14.3644 46.1145 13.9304 46.5001 13.3724 46.5001C12.8609 46.5001 12.3203 46.1145 12.3203 45.4325V36.7099ZM14.3644 37.5914V41.4509H16.9509C17.9894 41.4509 18.8109 40.5345 18.8109 39.5735C18.8109 38.4904 17.9894 37.5914 16.9509 37.5914H14.3644Z" fill="white"/>
                                        <path d="M23.8136 46.5C23.3021 46.5 22.7441 46.221 22.7441 45.5409V36.7408C22.7441 36.1847 23.3021 35.7798 23.8136 35.7798H27.3612C34.4408 35.7798 34.2858 46.5 27.5007 46.5H23.8136ZM24.7901 37.6708V44.6109H27.3612C31.5443 44.6109 31.7303 37.6708 27.3612 37.6708H24.7901Z" fill="white"/>
                                        <path d="M36.7966 37.7948V40.2573H40.7472C41.3052 40.2573 41.8632 40.8153 41.8632 41.3559C41.8632 41.8674 41.3052 42.2859 40.7472 42.2859H36.7966V45.539C36.7966 46.0815 36.4111 46.498 35.8686 46.498C35.1866 46.498 34.77 46.0815 34.77 45.539V36.7388C34.77 36.1828 35.1885 35.7778 35.8686 35.7778H41.3071C41.9891 35.7778 42.3921 36.1828 42.3921 36.7388C42.3921 37.2348 41.9891 37.7928 41.3071 37.7928H36.7966V37.7948Z" fill="white"/>
                                        <path d="M48.4375 52.3125H11.625V54.25H48.4375C49.5031 54.25 50.375 53.3781 50.375 52.3125V50.375C50.375 51.4406 49.5031 52.3125 48.4375 52.3125Z" fill="#CAD1D8"/>
                                    </svg>
                                </div>
                                <div class="box-footer d-flex justify-content-between align-items-end py-3">
                                    <h4 class="footer-title mb-0">{{ dosya.dosya }}</h4>
                                    <div class="footer-date">{{ dosya.updateDate|date('Y-m-d') }}</div>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                    <div class="col-12">
                        <button class="form-control yt-more">{{ 'more_detail'|trans }}</button>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}