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

{% block title %} {{ banlal.name }}{% endblock %}

{% block body %}
    <div class="container mb-5">
        {{ include("layouts/Flash/_flash.html.twig") }}
    </div>
    <div class="container-fluid dashboard-content">



            <div class="row">

                <div class="col-md-4">
                    <div class='card'>
                        <h5 class="card-header">Details de la cagnotte</h5>
                        <div class="card-body p-0">
                            <div class="table-responsive">
                        <table class="table table-bordered">
                            <tbody id="table_user_id">
                            <tr>
                                <th class="active">Banlal titre </th>
                                <td>{{ banlal.name }}</td>
                            </tr>
                            <tr>
                                <th class="active">Banlal Categorie </th>
                                <td>{{ banlal.category.name  }}</td>
                            </tr>
                            <tr>
                                <th class="active">organisateur </th>
                                <td> <a href="{{ url('admin.user.show',{ id: banlal.user.id }) }}"
                                        target="_blank">{{ banlal.user.fullName }}</a>
                                </td>
                            </tr>
                            <tr>
                                <th class="active">Somme demandée  </th>
                                <td>{{ banlal.amount | format_currency( banlal.currency.currencyCode, locale=app.request.locale )}}</td>
                            </tr>
                            <tr>
                                <th class="active">Somme Recoltée   </th>
                                <td>
                                    <ul>
                                        {% for amount in TotalAmountByCurrency %}
                                            <li>{{ amount.AmountTotal | format_currency(amount.currency_code, locale=app.request.locale) }}</li>

                                        {% endfor %}

                                    </ul>
                                </td>
                            </tr>
                            <tr>
                                <th class="active">Pourcentage recolté  </th>
                                <td>  {{ banlal.percentProgress }} %</td>
                            </tr>
                            <tr>
                                <th class="active">Nombre de participant: </th>
                                <td> {{ banlal.nbreParticipant }}</td>
                            </tr>
                            <div id="table_user_id_loader">
                                <div class="nb-spinner"></div>
                            </div>

                            </tbody>
                        </table>
                            </div>
                        </div>

                </div>
                </div>
                <div class="col-md-8">
                    <div class="row">
                        <div class="col-md-12 col-xs-12">
                            <div class='card'>
                                <h5 class="panel-title"><a data-toggle="collapse" data-parent="#accordion"
                                                           data-target="#collapseOne">
                                        Details de votre Banlal (cliquez pour voir ou masquer)</a></h5>
                                <div class="card-body p-0">
                                    <div class="table-responsive">

                            <div class="panel panel-primary">

                                <div id="collapseOne" class="panel-collapse collapse in">
                                    <div class="panel-body">
                                        <p>{{ banlal.content | raw | nl2br }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class='row'>
                        <div class="col-md-12 col-xs-12">
                            <div class="panel panel-primary">
                                <div class="panel-heading">
                                    <div class="panel-body">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th>Etat</th>
                                                <th>Editer</th>
                                                <th>Supprimer</th>
                                                <th>voir</th>
                                                <th>details Aide</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <td>
                                                {% if banlal.isActive==true %}

                                                    <a href="{{ path('admin.banlal.changefield', {id: banlal.id, field: 'active'}) }}" class="btn btn-success">
                                                        DESACTIVER
                                                    </a>

                                                {% elseif banlal.isActive==false %}

                                                    <a  href="{{ path('admin.banlal.changefield', {id: banlal.id, field: 'active'}) }}" class='btn btn-danger'>
                                                        ACTIVER
                                                    </a>

                                                {% endif %}
                                            </td>
                                            <td>
                                                <button class="btn btn-primary"> Modifier</button>
                                            </td>

                                            <td>
                                                <button class="btn btn-danger"> SUPPRIMER</button>
                                            </td>
                                            <td>
                                                <a href="{{ url('banlal.show', { id: banlal.id, slug: banlal.slug }) }}" target="_blank" class="btn btn-primary"> VOIR</a>
                                            </td>
                                            <td>
                                                <a href="{{ url('admin.donation.banlal', {id: banlal.id }) }}" class="btn btn-default"> Paiement</a>
                                            </td>


                                            </tbody>
                                        </table>


                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 col-xs-12">
                            <div class="panel panel-primary">
                                <div class="panel-heading">
                                    <h5 class="card-header">Details de l'utiliateur</h5>
                                    <div class="panel-body">
                                        <table class="table table-bordered">
                                            <tbody id="user_id">

                                            <tr>
                                                <th class="active">Nom </th>
                                                <td>{{ banlal.user.lastname }}</td>
                                            </tr>
                                            <tr>
                                                <th class="active">Prénom </th>
                                                <td>{{ banlal.user.firstname  }}</td>
                                            </tr>
                                            <tr>
                                                <th class="active">Date de Naissance </th>
                                                <td> {{ banlal.user.birthday | date("Y-m-d") }}                                </td>
                                            </tr>
                                            <tr>
                                                <th class="active">Email </th>
                                                <td>{{ banlal.user.email }}</td>
                                            </tr>

                                            <tr>
                                                <th class="active">phone </th>
                                                <td>{{ banlal.user.phone }}</td>
                                            </tr>

                                            <tr>
                                                <th class="active">nationalité  </th>
                                                <td>  {{ banlal.user.nationality }} %</td>
                                            </tr>
                                            <tr>
                                                <th class="active">pays de residence: </th>
                                                <td> {{ banlal.user.residence }}</td>
                                            </tr>

                                            <tr>
                                                <th class="active">Documents: </th>
                                                <td> {{ 'user.identities' }}</td>
                                            </tr>


                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-xs-12">
                            <div class="panel panel-primary">
                                <div class="panel-heading">
                                    <h5 class="card-header">Documents de l'utilisateur site</h5>
                                    <div class="panel-body">
                                        <table class="table table-bordered">
                                            <tbody id="user_id">

                                            <tr>
                                                <th class="active">Type de documents </th>
                                                <td><ul>
                                                {% for doc in banlal.user.identities %}
                                                    <li><a href='javascript:myPopup("{{ asset('documents/'~banlal.user.id~'/'~doc.url) }}", "web", 1050, 550)' >{{ doc.documenttype.name }}</a></li>
                                                {% endfor %}
                                                    </ul></td>
                                            </tr>
                                            <tr>
                                                <th class="active">Documents </th>
                                                <td>
                                                    <ul>
                                                        {% for doc in banlal.user.identities %}
                                                            <li><a href='' >{{ doc.documenttype.name }} - voir details</a></li>
                                                        {% endfor %}
                                                    </ul>
                                                </td>
                                            </tr>

                                            <tr>
                                                <th class="active">Valide ?: </th>
                                                <td>
                                                    <ul>
                                                        {% for doc in banlal.user.identities %}
                                                            <li>{{ doc.isValidate  }} </li>
                                                        {% endfor %}
                                                    </ul>
                                                </td>
                                            </tr>

                                            <tr>
                                                <th class="active">Date de création: </th>
                                                <  <td>
                                                    <ul>
                                                        {% for doc in banlal.user.identities %}
                                                            <li>{{ doc.createdAt | ago }} </li>
                                                        {% endfor %}
                                                    </ul>
                                                </td>
                                            </tr>


                                            <tr>
                                                <th class="active">Nombre de Documents: </th>
                                                <td> {{ banlal.user.identities | length }}</td>
                                            </tr>


                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
 </div>


{% endblock %}
{% block javascripts %}
    <script>
        $(document).ready(function () {
            {#$.ajax({#}
            {#    type:'GET',#}
            {#    dataType: "json",#}
            {#    url: "{{ url('admin.api.banlal.mango.wallet',{ banlal_id: banlal.id }) }}",#}

            {#    beforeSend: function(xhr)#}
            {#    {#}
            {#        // $("#user_id").show();#}

            {#    },#}

            {#    success: function(data)#}
            {#    {#}

            {#    },#}

            {#    error: function(e)#}
            {#    {#}

            {#        alert("impossible de récuperer les infos")#}
            {#    }#}
            {#});#}

            $.ajax({
                type:'GET',
                dataType: "json",
                url: "{{ url('admin.api.banlal.mango.user-tab',{ banlal_id: banlal.id }) }}",

                beforeSend: function(xhr)
                {
                    $("#table_user_id_loader").show();
                    $("#table_user_id").hide();

                },

                success: function(data)
                {
                    $("#table_user_id_loader").hide();
                    $("#table_user_id").show();
                    $("#table_user_id").append(data.content);
                },

                error: function(e)
                {

                    alert(e.toString())
                }
            });
        });
    </script>
{% endblock %}