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

{% block title %} {{ user.fullName }}{% 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 User</h5>
                        <div class="card-body p-0">
                            <div class="table-responsive">
                        <table class="table table-bordered">
                            <tbody id="user_id">

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

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

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

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


                            </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>
                                                <button class="btn btn-success">
                                                    DESACTIVER
                                                </button>
                                                <button class='btn btn-danger'>
                                                    ACTIVER
                                                </button>
                                            </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>
                                                <button class="btn btn-default"> Paiement</button>
                                            </td>


                                            </tbody>
                                        </table>


                                    </div>
                                </div>
                            </div>
                        </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)#}
    {#            {#}
    {#                $("#ajax-loader").show();#}

    {#            },#}

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

    {#                console.log(data);#}
    {#                #}{#$("#ajax-loader").hide();#}
    {#                #}{#var users = JSON.parse(data.data);#}

    {#                #}{#maDiv = $('#donateurs').empty();#}
    {#                #}{#$.each(users, function(index, v)#}{#}#}
    {#                #}{#    {% if app.request.locale== "fr" %}#}
    {#                #}{#    {% set currencyFormat="fr-FR" %}#}
    {#                #}{#    {% else %}#}
    {#                #}{#    {% set currencyFormat="en-US" %}#}
    {#                #}{#    {% endif %}#}


    {#                #}{#    const formatter = new Intl.NumberFormat("{{ currencyFormat }}", #}{#}#}
    {#                #}{#        style: 'currency',#}
    {#                #}{#        currency: v.currency.currency_code,#}
    {#                #}{#        minimumFractionDigits: 2#}
    {#                #}{#    });#}


    {#                #}{#    maDiv.append(#}
    {#                #}{#        `<div class="xs-avatar full-round">#}
    {#                #}{#          <img src="{{ asset('img/default.png') | imagine_filter('icon') }}">#}
    {#                #}{#    </div>#}
    {#                #}{#    <div class="fundpress-backer-info">#}
    {#                #}{#        <h5 class="color-navy-blue semi-bold"> ${v.name} ${v.lastname} </h5>#}
    {#                #}{#        <h6 class="color-navy-blue semi-bold"> ${formatter.format(v.amount)} </h6>#}
    {#                #}{#    </div>`#}
    {#                #}{#    );#}
    {#                #}{#});#}
    {#            },#}

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

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

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

    {#            beforeSend: function(xhr)#}
    {#            {#}
    {#                $("#ajax-loader").show();#}

    {#            },#}

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

    {#                console.log(data);#}
    {#                #}{#$("#ajax-loader").hide();#}
    {#                #}{#var users = JSON.parse(data.data);#}

    {#                #}{#maDiv = $('#donateurs').empty();#}
    {#                #}{#$.each(users, function(index, v)#}{#}#}
    {#                #}{#    {% if app.request.locale== "fr" %}#}
    {#                #}{#    {% set currencyFormat="fr-FR" %}#}
    {#                #}{#    {% else %}#}
    {#                #}{#    {% set currencyFormat="en-US" %}#}
    {#                #}{#    {% endif %}#}


    {#                #}{#    const formatter = new Intl.NumberFormat("{{ currencyFormat }}", #}{#}#}
    {#                #}{#        style: 'currency',#}
    {#                #}{#        currency: v.currency.currency_code,#}
    {#                #}{#        minimumFractionDigits: 2#}
    {#                #}{#    });#}


    {#                #}{#    maDiv.append(#}
    {#                #}{#        `<div class="xs-avatar full-round">#}
    {#                #}{#          <img src="{{ asset('img/default.png') | imagine_filter('icon') }}">#}
    {#                #}{#    </div>#}
    {#                #}{#    <div class="fundpress-backer-info">#}
    {#                #}{#        <h5 class="color-navy-blue semi-bold"> ${v.name} ${v.lastname} </h5>#}
    {#                #}{#        <h6 class="color-navy-blue semi-bold"> ${formatter.format(v.amount)} </h6>#}
    {#                #}{#    </div>`#}
    {#                #}{#    );#}
    {#                #}{#});#}
    {#            },#}

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

    {#                alert("impossible de récuperer les infos")#}
    {#            }#}
    {#        });#}
    {#    });#}
    {#</script>#}
{% endblock %}