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

{% block title %}
    {% trans %}Mon Compte {% endtrans %}
{% endblock %}

{% block body %}


    {#
    <div class="page-title">
        <div class="container">
            <h1>{% trans %}Mon Compte{% endtrans %}</h1>

        </div>
    </div><!-- .page-title -->
    <div class="container">
        <div class="main-content">

        </div>
    </div>#}



    <main id="main" class="site-main">
        <div class="campaigns-action clearfix">
            <div class="container">
                {#      <div class="sort">
                    <span>Sort by:</span>
                    <ul>
                        <li class="active"><a href="#">Recent Project</a></li>
                        <li><a href="#">Most Project</a></li>
                    </ul>
                </div><!-- .sort -->#}
                <div class="filter">


                    {{ form_start(form) }}

                    <div class="field-select mb-2">
                        {{ form_row(form.city) }}
                    </div>

                    <div class="field-select mb-2">
                        {{ form_row(form.status) }}
                    </div>

                    <div class="field-select mb-2">
                        {{ form_row(form.type) }}
                    </div>

                    <div class="field-select mb-2">
                        {{ form_row(form.category) }}
                    </div>
                    <button type="submit" class="btn-primary"><i class="fa fa-search"></i></button>
                    {{ form_end(form) }}
                </div><!-- .filter -->
            </div>
        </div>
        <div class="account-wrapper">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3">
                        {{ include('user/_user_sidebar.html.twig') }}
                    </div>
                    <div class="col-lg-9">

                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>Titre</th>
                                    <th>Catégorie</th>
                                    <th>Type</th>
                                    <th>Montant collecté</th>
                                    <th>Date</th>
                                    <th>Details</th>
                                    <th>Modifier</th>

                                </tr>
                                </thead>
                                <tbody>
                                {% for campagn in campagns %}
                                    <tr class="table-center">
                                        <td>{{ campagn.title }}</td>
                                        <td>{{ campagn.category.name }}</td>
                                        <td>{{ campagn.campagnType.name }}</td>
                                        <td>{{ campagn.amountCollected | format_currency("GNF") }}</td>
                                        <td>{{ campagn.updatedAt | ago  }}</td>
                                        <td><a href="{{ path('campagn.user.detail',{'id': campagn.id, 'slug': campagn.slug}) }}">Details</a></td>
                                        <td><a href="{{ path('campagn.edit.details',{'id': campagn.id, 'slug': campagn.slug}) }}">Modifier</a></td>

                                    </tr>
                                {%  endfor %}
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div><!-- .container -->
        </div><!-- .account-content -->
    </main><!-- .site-main -->



{% endblock %}