{% extends 'FrontofficeAr/base.html.twig' %}
{% block titre %}Recherche{% endblock %}
{% block body %}
<style>
.actualite_box {
    background: #d7d7d73d;
    /* max-width: 317px !important; */
    min-height: 345px;
    margin: 15px !important;
    box-shadow: 10px -10px 0px -2px rgb(232 177 84 / 0%);
}

.actualite_box a {
    margin-bottom: 10px !important;
    color: white;
    background: #e8b154;
    border: 1px solid #e8b154;
}

.actualite_box a:hover {
    margin-bottom: 10px !important;
    color: #e8b154;
    background: white;
    border: 1px solid #e8b154;
}
</style>
    <div class="actualites_title">
        <br/>
        <div class="text-center">
            <img src="{{ asset("/assets/Backoffice/images/logo-fcpm.png") }}" />
            <h3 class="title-page" style="color:white;">نتيجة البحث</h3>
        </div>
    </div>
    <div style="padding: 10px;overflow: hidden">
        <div class="row block_ac">
            <h4 class="titre_map">أخبار</h4>
            {% for a in actualites %}
                <div class="col-sm-3 actualite_box_cl text-center">
                    <div class="actualite_box">
                        <img src="{{ asset(a["act"].imgPrincipal) }}" />
                        <h3>{{ a["act"].titreAr }}</h3>
                        <p>
                            {{ a["act"].textAr|striptags|length > 70 ? a["act"].textAr|striptags|slice(0, 70) ~ '...' : a["act"].textAr|striptags }}
                        </p>
                <span class="text-left date_ac">
                    {{ a["act"].date|date("d-m-Y") }}
                </span>
                        <a href="/ar/detailActualite/{{ a["type"] }}/{{ a["codeType"] }}/{{ a["act"].titreAr|replace({' ': '_'}) }}/{{ a["act"].id }}/" class="btn btn-info">شاهد المزيد</a>
                    </div>
                </div>
            {% endfor %}

            {% if actualites|length == 0 %}
                <h2 class="text-center">لم يتم العثور على أخبار</h2>
            {% endif %}

        </div>
        <div class="row block_ac">
            <h4 class="titre_share">الجامعة في الصحافة</h4>
            {% for a in articles %}
                <div class="col-sm-3 actualite_box_cl text-center">
                    <div class="actualite_box">
                        <img src="{{ asset(a.imgPrincipal) }}" />
                        <h3>{{ a.titreAr }}</h3>
                        <p>
                            {{ a.textAr|striptags|length > 70 ? a.textAr|striptags|slice(0, 70) ~ '...' : a.textAr|striptags }}
                        </p>
                <span class="text-left date_ac">
                    Le {{ a.date|date("d-m-Y") }}
                </span>
                        <a href="/ar/detailArticle/{{ a.id }}/" class="btn btn-info">شاهد المزيد</a>
                    </div>
                </div>
            {% endfor %}

            {% if articles|length == 0 %}
                <h2 class="text-center">لم يتم العثور على مقالة</h2>
            {% endif %}

        </div>

        <div class="row block_ac">
            <h4 class="titre_calendar">القوانين والمنشورات</h4>
            {% for p in publications %}
                {% if p.textFr|raw == "" %}
                    <a href="{{ p.fichierFr }}" target="_blank" ><h4><i class="fa fa-angle-right" aria-hidden="true"></i> {{ p.titreAr }}</h4></a>
                {% else %}
                    <a href="" target="_blank" ><h4><i class="fa fa-angle-right" aria-hidden="true"></i> {{ p.titreAr }}</h4></a>
                {% endif %}
            {% endfor %}

            {% if publications|length == 0 %}
                <h2 class="text-center">لم يتم العثور على منشور</h2>
            {% endif %}


        </div>
    </div>

{% endblock %}