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

{% block title %}{{ 'page.adh.search.title1' |trans }}{% 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">{{ 'page.adh.search.title2' |trans }}</h1>
                <p class="caption">{{ 'page.adh.search.title3' |trans }}</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="">
                            {% if role == 'admin' %}
                                {{ 'adminMenu.title1.admin' |trans }}
                            {% elseif role=='be' %}
                                {{ 'adminMenu.title1.be' |trans }}
                            {% elseif role == 'super' %}
                                {{ 'adminMenu.title1.super' |trans }}
                            {% else %}
                                {{ 'adminMenu.title1.adh' |trans }}
                            {% endif %}
                        </a></li>
                    <li class="breadcrumb-item"><a href="">{{ 'page.adh.title3' | trans }}</a></li>
                    <li class="breadcrumb-item active">{{ 'page.adh.search.title2' |trans }}</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">{{ 'page.adh.search.title4' |trans }}</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>{{ 'page.detail.be.title4' | trans }}</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>{{ 'page.detail.be.title3' | trans }}</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>{{ 'page.adh.det.title9' | trans }}</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>{{ 'page.adh.det.title10'| trans }}</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>{{ 'page.adh.det.title11' | trans }}</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>{{ 'page.adh.det.title14' | trans }}</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> {{ 'page.adh.search.title5' |trans }}</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">{{ 'page.adh.search.title6' |trans }}</h4>
                                <div class="table-responsive">
                                    <table id="td-example-default" class="table table-bordered" cellspacing="0" width="100%">
                                        <thead>
                                        <tr>
                                            <th>{{ 'page.adh.title7' | trans }}</th>
                                            <th>{{ 'page.adh.title6' | trans }}</th>
                                            <th>{{ 'page.adh.det.title9' | trans }}</th>
                                            <th>{{ 'page.adh.det.title10' | trans }}</th>
                                            <th>{{ 'page.adh.det.title14' | trans }}</th>
                                            <th>{{ 'page.adh.det.title11' | trans }}</th>
                                            <th>{{ 'page.adh.det.title2' | trans }}</th>
                                        </tr></thead><tfoot>
                                        <tr>
                                            <th>{{ 'page.adh.title7' | trans }}</th>
                                            <th>{{ 'page.adh.title6'| trans }}</th>
                                            <th>{{ 'page.adh.det.title9' | trans }}</th>
                                            <th>{{ 'page.adh.det.title10' | trans }}</th>
                                            <th>{{ 'page.adh.det.title14' | trans }}</th>
                                            <th>{{ 'page.adh.det.title11' | trans }}</th>
                                            <th>{{ 'page.adh.det.title2' | trans }}</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({
                {% if app.request.locale == 'ar' %}
                "language": {
                    "sEmptyTable":     "ليست هناك بيانات متاحة في الجدول",
                    "sLoadingRecords": "جارٍ التحميل...",
                    "sProcessing":   "جارٍ التحميل...",
                    "sLengthMenu":   "أظهر _MENU_ مدخلات",
                    "sZeroRecords":  "لم يعثر على أية سجلات",
                    "sInfo":         "إظهار _START_ إلى _END_ من أصل _TOTAL_ مدخل",
                    "sInfoEmpty":    "يعرض 0 إلى 0 من أصل 0 سجل",
                    "sInfoFiltered": "(منتقاة من مجموع _MAX_ مُدخل)",
                    "sInfoPostFix":  "",
                    "sSearch":       "ابحث:",
                    "sUrl":          "",
                    "oPaginate": {
                        "sFirst":    "الأول",
                        "sPrevious": "السابق",
                        "sNext":     "التالي",
                        "sLast":     "الأخير"
                    },
                    "oAria": {
                        "sSortAscending":  ": تفعيل لترتيب العمود تصاعدياً",
                        "sSortDescending": ": تفعيل لترتيب العمود تنازلياً"
                    }

                },
                {% endif %}
                "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 %}