{% 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 background-page">
            <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>
                            <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>


                            </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>0</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") %}

                            <div class="faq-content">
                                <div class="container">
                                    <div class="faq-section">
                                        <div class="border-title">
                                            <h2 class="title left-title">Récompenses:    <a href={{ path('campagn.create.rewards',{'id': campagn.id, 'slug': campagn.slug })}}" class="btn btn-primary">Ajouter une Récompense</a>
                                            </h2>

                                        </div>
                                        <ul class="list-faq">
                                            {% for reward in campagn.reward %}

                                                <li>


                                                    <span class="ion-plus"></span><a href="#">{{ reward.title }}</a>
                                                    <div class="faq-desc">
                                                        <p>
                                                            <a href="create_a_campaign.html" class="btn btn-primary">Modifier</a>

                                                        </p>
                                                        <p>
                                                            {% if reward.isOnline == true %}
                                                            <a href="update_a_campaign.html" class="btn btn-success">Désactiver</a>
                                                            {% else %}
                                                            <a href="update_a_campaign.html" class="btn btn-danger">Activer</a>
                                                                {% endif %}
                                                        </p>
                                                        <p>{{ reward.description | raw }}</p>

                                                        <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>
                                                </li>


                                            {% endfor %}
                                        </ul>
                                    </div>
                                </div>
                            </div>

                        {% endif %}


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



{% endblock %}