{% 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="page-title" style="color: #0a0a0a!important; background-color: #00a6eb">
            <div class="container">
                <h1>Dashboard</h1>
                <div class="breadcrumbs">
                    <ul>
                        <li><a href="{{ 'page.home' }}">{{ "Accueil" }}</a><span>/</span></li>
                        <li>Dashboard</li>
                    </ul>
                </div><!-- .breadcrumbs -->
            </div>
        </div><!-- .page-title -->
        <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-xs-12 col-sm-12 col-md-8" style="background-color: #FFFFFF; padding-top: 10px">

                        <div class="border-title">
                            <h2 class="title left-title">Campagne:</h2>
                            <hr style="border: #0a0a0a 2px solid">
                            <div class="description left-description">

                                <a href="{{ path('campagn.edit.details',{'id': campagn.id, 'slug': campagn.slug}) }}"
                                   class="btn btn-primary">
                                    Modifier Cette Campagne
                                </a>
                                <a href="{{ path('statistics.user.contribution',{'campagn_id': campagn.id, 'slug': campagn.slug}) }}"
                                   class="btn btn-primary">
                                    Statistique
                                </a>
                                <a href="{{ path('contribution.contributors',{'campagn_id': campagn.id, 'campagn_slug': campagn.slug}) }}"
                                   class="btn btn-primary">
                                    Details Paiement
                                </a>


                            </div>
                        </div>
                        <h4 class="mb-2">{{ campagn.title }}</h4>

                        <div class="row">
                            <div class="col-md-9 col-sm-12">
                                <table class="table warning sumary-table">
                                    <tbody class="xs-side-bar-list xs-font-alt">
                                    <tr>
                                        <th>Type de campagne</th>
                                        <td>{{ campagn.campagnType.name }}</td>

                                    </tr>
                                    <tr>
                                        <th>Catégorie</th>
                                        <td>{{ campagn.category.name }}</td>
                                    </tr>

                                    <tr>
                                        <th>Etat</th>

                                        <td>{{ "Etat" }}</td>


                                    </tr>
                                    <tr>
                                        <th>Date de création</th>
                                        <td>{{ campagn.createdAt | ago }}</td>
                                    </tr>

                                    <tr>
                                        <th>Objectif</th>
                                        <td>{{ campagn.amount | format_currency("GNF") }}</td>
                                    </tr>


                                    </tbody>
                                </table>
                            </div>
                            <div class="col-md-3 col-sm-12">

                                <img src="{{ vich_uploader_asset(campagn, 'imageFile') | imagine_filter('avatar') }}"
                                     alt="{{ campagn.title }}">

                            </div>
                        </div>

                        <table class="table warning sumary-table">
                            <tbody class="xs-side-bar-list xs-font-alt">


                            <tr>
                                <th>Montant collécté</th>

                                <td>{{ campagn.amountCollected | format_currency('GNF') }}</td>
                            </tr>

                            <tr>
                                <th>Lieu</th>
                                <td>{{ campagn.place }}</td>
                            </tr>


                            <tr>
                                <th>Pays</th>
                                <td>{{ campagn.country | country_name }}</td>
                            </tr>
                            </tbody>
                        </table>
                        <p>
                            {{ campagn.description | raw }}</p>

                        {% if campagn.campagnType.type == constant("App\\Entity\\CampagnType::PRE_SALE") or (campagn.contributions.count > 0) %}

                            <hr style="border: #0a0a0a 2px solid">

                            <div class="border-title">
                                <h2 class="title left-title">Campagne:</h2>
                                <div class="description left-description">

                                    <a href="{{ path('campagn.create.rewards',{'id': campagn.id, 'slug': campagn.slug }) }}"
                                       class="btn btn-primary">Ajouter une Récompense</a>


                                </div>
                            </div>



                                        {% for reward in campagn.reward %}

                                            <div class="accordion" id="accordionReward">
                                                <div class="card">
                                                    <div class="card-header" id="heading{{ reward.id }}">
                                                        <h5 class="mb-0">
                                                            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse{{ reward.id }}" aria-expanded="true" aria-controls="collapse{{ reward.id }}">
                                                                {{ loop.index }} - {{ reward.title }}
                                                            </button>
                                                        </h5>
                                                    </div>

                                                    <div id="collapse{{ reward.id }}" class="collapse" aria-labelledby="heading{{ reward.id }}" data-parent="#accordionReward">
                                                        <div class="card-body">
                                                            <a href="{{ path('campagn.edit.rewards',{'id': reward.id, 'slug': reward.slug}) }}"
                                                               class="btn btn-primary mb-2 mr-2">Modifier</a>


                                                            {% if reward.isOnline == true %}
                                                                <a href="{{ path('reward.changeStatus',{'id': reward.id}) }}"
                                                                   class="btn btn-success mb-2 mr-2">Désactiver</a>
                                                            {% else %}
                                                                <a href="{{ path('reward.changeStatus',{'id': reward.id}) }}"
                                                                   class="btn btn-danger mb-2 mr-2">Activer</a>
                                                            {% endif %}

                                                            <div class="row">
                                                                <div class="col-md-9 col-sm-12">

                                                                    <p>{{ reward.description | raw }}</p>

                                                                </div>
                                                                <div class="col-md-3 col-sm-12">

                                                                    <img src="{{ vich_uploader_asset(reward, 'imageFile') | imagine_filter('minithumb') }}"
                                                                         alt="{{ campagn.title }}">

                                                                </div>
                                                            </div>


                                                            <table class="table">
                                                                <tbody>
                                                                <tr>
                                                                    <th>Quantité</th>
                                                                    <td>{{ reward.quantity }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <th>Prix</th>
                                                                    <td>{{ reward.amount | format_currency('GNF') }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <th>Mode de Livraison</th>
                                                                    <td>{{ reward.isDeliveredByHand==1 ? "Main en Main" : "Par la Plateforme" }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <th>Cette Récompense est-elle en ligne ?</th>
                                                                    <td>{{ reward.isOnline ==1 ? "oui" : "Non" }}</td>
                                                                </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                           {# <hr> <h3> {{ loop.index }} - {{ reward.title }}</h3>
                                            <hr>



                                            <div class="">

                                                <a href="{{ path('campagn.edit.rewards',{'id': reward.id, 'slug': reward.slug}) }}"
                                                   class="btn btn-primary mb-2 mr-2">Modifier</a>


                                                {% if reward.isOnline == true %}
                                                    <a href="{{ path('reward.changeStatus',{'id': reward.id}) }}"
                                                       class="btn btn-success mb-2 mr-2">Désactiver</a>
                                                {% else %}
                                                    <a href="{{ path('reward.changeStatus',{'id': reward.id}) }}"
                                                       class="btn btn-danger mb-2 mr-2">Activer</a>
                                                {% endif %}

                                                <div class="row">
                                                    <div class="col-md-9 col-sm-12">

                                                        <p>{{ reward.description | raw }}</p>

                                                    </div>
                                                    <div class="col-md-3 col-sm-12">

                                                        <img src="{{ vich_uploader_asset(reward, 'imageFile') | imagine_filter('minithumb') }}"
                                                             alt="{{ campagn.title }}">

                                                    </div>
                                                </div>


                                                <table class="table">
                                                    <tbody>
                                                    <tr>
                                                        <th>Quantité</th>
                                                        <td>{{ reward.quantity }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Prix</th>
                                                        <td>{{ reward.amount | format_currency('GNF') }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Mode de Livraison</th>
                                                        <td>{{ reward.isDeliveredByHand==1 ? "Main en Main" : "Par la Plateforme" }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Cette Récompense est-elle en ligne ?</th>
                                                        <td>{{ reward.isOnline ==1 ? "oui" : "Non" }}</td>
                                                    </tr>
                                                    </tbody>
                                                </table>


                                            </div>#}



                                        {% endfor %}

                        {% endif %}




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



{% endblock %}