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

{% block title %}Adherante - Recherche Avancée{% endblock %}
{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block body %}
    <div class="content" id="content"><!-- PAGE HEADING -->
        <div class="page-heading">
            <div class="page-heading__container">
                <div class="icon"><span class="li-magnifier"></span></div>
                <h1 class="title">Recherche avancée</h1>
                <p class="caption">Recherche avancée sur les adhérantes</p></div>
            <!--<div class="page-heading__container float-right d-none d-sm-block"><a
                        href="https://themeforest.net/item/the-right-way-bootstrap-4-admin-template/21916885?ref=aqvatarius&amp;license=regular&amp;open_purchase_for_item_id=21916885"
                        target="_blank" class="btn btn-primary btn--icon btn--icon-stacked btn--anon d-none d-lg-block"><span
                            class="text">$24</span> Get template now</a> <a
                        href="https://themeforest.net/item/the-right-way-bootstrap-4-admin-template/21916885?ref=aqvatarius&amp;license=regular&amp;open_purchase_for_item_id=21916885"
                        target="_blank"
                        class="btn btn-primary btn--icon btn--icon-stacked btn--anon d-none d-sm-block d-lg-none"><span
                            class="text">$24</span> Buy</a></div>-->
            <nav aria-label="breadcrumb" role="navigation">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index.html">Adherante</a></li>
                    <li class="breadcrumb-item active">Recherche avancée</li>
                </ol>
            </nav>
        </div><!-- //END PAGE HEADING -->
        <div class="container-fluid">
            <div class="card loaded" id="dt-ext-class">
                <div class="card-container">
                    {#<div class="dropdown">
                        <div class="rw-btn rw-btn--card" data-toggle="dropdown">
                            <div></div>
                        </div>
                        <div class="dropdown-menu dropdown-menu-right">
                            <a href="#" class="dropdown-item" data-demo-action="update">Update</a>
                            <a href="#" class="dropdown-item" data-demo-action="expand">Expand</a>
                            <a href="#" class="dropdown-item" data-demo-action="invert">Invert style</a>
                            <div class="dropdown-divider"></div>
                            <a href="#" class="dropdown-item" data-demo-action="remove">Remove card</a></div>
                    </div>#}
                </div>
                <div class="card-body"><h4 id="rw-dt-class">Recherche des adhérantes</h4>
                    <p class="subtitle margin-top-30"></p>
                    {{ include('@AppBundle/Default/flashBag.html.twig') }}
                    <p class="subtitle margin-bottom-20"></p>
                    <div id="dt-example-class_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                        <div class="row">
                            <div class="col-sm-12">
                                <form action="{{ path('search_adherant', {'role': role}) }}" method="post">
                                    <div class="form-row">
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label>Nom</label>
                                                <div class="form-control-element">
                                                    <input type="text" class="form-control" name="nom">
                                                    <div class="form-control-element__box">
                                                        <span class="fa fa-info"></span>
                                                    </div></div></div></div><div class="col-6">
                                            <div class="form-group"><label>Prénom</label>
                                                <div class="form-control-element form-control-element--right">
                                                    <input type="text" class="form-control" name="prenom">
                                                    <div class="form-control-element__box">
                                                        <span class="fa fa-info"></span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-row">
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label>Entreprise</label>
                                                <div class="form-control-element">
                                                    <input type="text" class="form-control" name="entreprise">
                                                    <div class="form-control-element__box form-control-element__box--pretify">
                                                        <span class="fa fa-building"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label>Secteur d'activité</label>
                                                <div class="form-control-element form-control-element--right">
                                                    <input type="text" class="form-control" name="activitySector">
                                                    <div class="form-control-element__box form-control-element__box--pretify">
                                                        <span class="fa fa-tasks"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-row">
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label>Produits</label>
                                                <div class="form-control-element">
                                                    <input type="text" class="form-control" name="produits">
                                                    <div class="form-control-element__box form-control-element__box--pretify bg-secondary">
                                                        <span class="fa fa-product-hunt"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label>Adresse</label>
                                                <div class="form-control-element form-control-element--right">
                                                    <input type="text" class="form-control" name="adress">
                                                    <div class="form-control-element__box form-control-element__box--pretify bg-warning">
                                                        <span class="fa fa-map-marker"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pull-right">
                                        <button type="submit" class="btn btn-info"><span class="fa fa-search"></span> Rechercher</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                {#{{ dump(adherants) }}#}
                <br>

            </div>
            {% if adherants|length >0 %}
                <div class="container-fluid">
                    {#<div class="card loaded" id="dt-ext-class">#}
                        <div class="card-container">
                            <div class="card-body" style="background-color: white;">
                                <h4 id="rw-td-default">Resultat de recherche</h4>
                                <div class="table-responsive">
                                    <table id="td-example-default" class="table table-bordered" cellspacing="0" width="100%">
                                        <thead>
                                        <tr>
                                            <th>Nom</th>
                                            <th>Prénom</th>
                                            <th>Entreprise</th>
                                            <th>Secteur d'activité</th>
                                            <th>Adresse</th>
                                            <th>Produits</th>
                                            <th>Détails</th>
                                        </tr></thead><tfoot>
                                        <tr>
                                            <th>Nom</th>
                                            <th>Prénom</th>
                                            <th>Entreprise</th>
                                            <th>Secteur d'activité</th>
                                            <th>Adresse</th>
                                            <th>Produits</th>
                                            <th>Détails</th>
                                        </tr>
                                        </tfoot>
                                        <tbody>
                                        {% for adherant in adherants %}
                                            <tr>
                                                <td><a href="{{ path('detail_profile', {'id':adherant.id}) }}">{{ adherant.nom }}</a></td>
                                                <td>{{ adherant.prenom }}</td>
                                                <td>{{ adherant.entreprise }}</td>
                                                <td>{{ adherant.activitySector }}</td>
                                                <td>{{ adherant.adress }}</td>
                                                <td>{{ adherant.produits }}</td>
                                                <td><a href="{{ path('detail_profile', {'id':adherant.id}) }}" class="btn btn-primary"><span class="fa fa-eye"></span></a></td>
                                            </tr>
                                        {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                  {#  </div>#}
                </div>







                {#<div id="dt-example-class_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                        <div class="row">
                            <div class="col-sm-12">
                                <table id="dt-example-responsive" class="table table-bordered table-striped" cellspacing="0" width="100%">
                                    <thead>
                                    <tr role="row" class="odd">
                                        <th>Nom</th>
                                        <th>Prénom</th>
                                        <th>Entreprise</th>
                                        <th>Secteur d'activité</th>
                                        <th>Adresse</th>
                                        <th>Produits</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for adherant in adherants %}
                                        <tr>
                                            <td><a href="{{ path('detail_profile', {'id':adherant.id}) }}">{{ adherant.nom }}</a></td>
                                            <td>{{ adherant.prenom }}</td>
                                            <td>{{ adherant.entreprise }}</td>
                                            <td>{{ adherant.activitySector }}</td>
                                            <td>{{ adherant.adress }}</td>
                                            <td>{{ adherant.produits }}</td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                    </table>
                                    </div>
                                    </div>
                </div>#}











            {% endif %}
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">document.addEventListener("DOMContentLoaded", function () {
            app._loading.show($("#td-default"),{spinner: true});
            $("#td-example-default").DataTable({
                "initComplete": function(settings, json) {
                    setTimeout(function(){
                        app._loading.hide($("#td-default"));
                    },1000);
                }
            });
        });
    </script>
    <script type="text/javascript" src="{{ asset('js/vendors/datatables/datatables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/moment/moment.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/moment/moment-with-locales.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/datetimepicker/bootstrap-datetimepicker.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/lightbox/lightbox.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>
{% endblock %}