{% extends 'administrator/index.html.twig' %}

{% block title %}Gestion enfants{% endblock %}

{% block conteneur %}
    <div class="block-header">
        <div class="row">
            <div class="col-lg-5 col-md-8 col-sm-12">
                <h2><a href="javascript:void(0);" class="btn btn-xs btn-link btn-toggle-fullwidth"><i class="fa fa-arrow-left"></i></a>Gardoxy</h2>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ path('get_dashboard') }}"><i class="icon-home"></i></a></li>
                    <li class="breadcrumb-item active">Enfants</li>
                </ul>
            </div>

        </div>
    </div>
    <div class="row clearfix">
        <div class="col-lg-12">
            <div class="card">
                <div class="header">
                    <h2>Liste de enfants</h2>
                </div>
                <div class="body">
                    <a href="{{ path('enfant_new') }}" class="btn btn-outline-primary"><i class="icon-plus"></i>&nbsp;Ajouter Enfant</a>
                    <hr>
                    <div class="table-responsive">
                        <table class="table m-b-0">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>Photo</th>
                                <th>Enfant</th>
                                <th>Parent</th>
                                <th>Classe</th>
                                <th>Mois Actuel</th>
                                <th>Badge</th>
                                <th>Actions</th>
                                <th>Paiement</th>

                            </tr>
                            </thead>
                            <tbody>
                            {% for enfant in enfants  %}
                                <tr>
                                    <td>{{ enfant.id }}</td>
                                    <td><img height="60px" width="60px" class="img img-thumbnail" src="{{ asset('enfants/images/' ~ enfant.photo) }}" /></td>
                                    <td><span>{{ enfant.nom }} {{ enfant.prenom }} </span></td>
                                    <td><span>{{ enfant.parent }} {{ enfant.parent.prenom }}</span></td>
                                    <td><span>{{ enfant.classe }}</span></td>
                                    <td>
                                        {% if enfant.isPayed %}
                                            <a href="{{ path('recu_payment',{id: enfant.id}) }}" class="btn btn-success"><span class="fa fa-envelope-open" aria-hidden="true"></span>
                                                reçu</a>
                                        {% else %}
                                            <a href="#" class="btn btn-danger"><span class="fa fa-remove" aria-hidden="true"></span>
                                                Non Payé</a>
                                        {% endif %}

                                    </td>
                                    <td>
                                        <a href="{{ path('get_badge',{id: enfant.id}) }}" class="btn btn-success"><i class="fa fa-address-card" aria-hidden="true"></i>
                                            badge</a>
                                    </td>
                                    <td>
                                        <a href="{{ path('delete_child',{'id': enfant.id}) }}" class="btn btn-danger" onclick="confirm('are you sure !')"><i class="fa fa-trash"></i></a>
                                        <a href="{{ path('enfant_edit',{'id': enfant.id}) }}" class="btn btn-success"><i class="fa fa-edit"></i></a>
                                    </td>
                                    <td>
                                        <a href="{{ path('paiement',{id: enfant.id}) }}" class="btn btn-primary">
                                            Payer</a>
                                        <a href="{{ path('paiement_history',{id: enfant.id}) }}" class="btn btn-primary"><i class="fa fa-history"></i>
                                            </a>
                                    </td>
                                </tr>
                            {% endfor %}


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

        </div>
    </div>
{% endblock %}