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

{% block title %}{{ 'articleAdherent.addPage.title1' | trans }}{% endblock %}
{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block body %}
    <div class="content" id="content"><!-- PAGE HEADING -->
        <div class="page-heading">
            <div class="page-heading__container">
                <div class="icon"><span class="li-expand4"></span></div>
                <h1 class="title">{{ 'articleAdherent.list.title17'| trans }}</h1>
            </div>
            <nav aria-label="breadcrumb" role="navigation">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="">
                            {% if role == 'admin' %}
                                {{ 'adminMenu.title1.admin' |trans }}
                            {% elseif role=='be' %}
                                {{ 'adminMenu.title1.be' |trans }}
                            {% elseif role == 'super' %}
                                {{ 'adminMenu.title1.super' |trans }}
                            {% else %}
                                {{ 'adminMenu.title1.adh' |trans }}
                            {% endif %}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ path('list_article_adherent', {'role': role}) }}">{{ 'articleAdherent.list.title3' | trans }}</a></li>
                    <li class="breadcrumb-item active">{{ 'articleAdherent.addPage.title2' | trans }}</li>
                </ol>
            </nav>
        </div><!-- //END PAGE HEADING -->
        <div class="container-fluid">
            <div class="card loaded" id="dt-ext-class">
                <div class="card-container">
                </div>
                <div class="card-body">
                    {#  <h4 id="rw-dt-class">Ajout page</h4>#}
                    <p class="subtitle margin-top-30"></p>
                    <div class="form-row">
                        <div class="col-12" style="text-align: center;">
                            {% if article_adherent.picture != null %}
                                <img src="{{ asset('uploads/article_adherent/'~article_adherent.picture) }}" style="width: 380px;height: auto;">
                            {% endif %}
                        </div>
                    </div>
                    <p class="subtitle margin-top-60"></p>
                    <div class="form-row">
                        <div class="col-12">
                            <h1 style="color: red;">{{ article_adherent.title }}</h1>
                            <span>
                                <i class="fa fa-calendar"></i>
                                {{ article_adherent.insertAt|date('d-m-Y H:i') }}
                            </span>
                        </div>
                        <div class="col-12" style="margin-top: 20px;">
                            <h5>{{ article_adherent.content|raw }}</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    {% block javascriptPage %}

    {% endblock %}
{% endblock %}