{% extends '@AGrid/base.html.twig' %}

{% block title %}{{ parent() }}-AGrid Home{% endblock %}
{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block head %}
    {{ parent() }}
{% endblock %}

{% block body %}
    <div class="row">
        <div class="col s12">
            <a href="{{ path('agrid_page_create') }}" class="waves-effect waves-light btn agrid-darken"><i class="material-icons left">add</i>{{ 'agrid_bundle.agrid_home.button.add_page'|trans }}</a>
            <a href="{{ path('agrid_content_create') }}" class="btn agrid-darken"><i class="material-icons left">add</i>{{ 'agrid_bundle.agrid_home.button.add_content'|trans }}</a>
        </div>
    </div>
    <div class="row">
        <div class="col s12">
            <h4>Liste des Pages : </h4>
            <ul class="collection with-header">
                <li class="collection-header"><h4>Liste des Pages :</h4></li>
                {% for page in pagesList %}
                    <li class="collection-item"><div>{{ page.id }}<a href="{{ path('agrid_page_edit',{'page': page.id}) }}" class="secondary-content"><i class="material-icons">send</i></a></div></li>
                {% endfor %}
            </ul>
        </div>
    </div>

    <div class="row">
        <div class="col s12">
            <ul class="collection with-header">
                <li class="collection-header"><h4>Liste des Contenus :</h4></li>
                {% for content in contentsList %}
                    <li class="collection-item"><div>{{ content.id }}<a href="{{ path('agrid_content_edit', {'content': content.id}) }}" class="secondary-content"><i class="material-icons">send</i></a></div></li>
                {% endfor %}
            </ul>
        </div>
    </div>
{% endblock %}

{% block scripts %}
    {{ parent() }}
{% endblock %}