{% extends "base.html" %}
{% load static %}

{% block additionnal_css %}
<link rel="stylesheet" href="{% static 'css/datatables/datatables.min.css' %}">
<link rel="stylesheet" href="{% static 'css/admin/manage_attached.css' %}">
<link rel="stylesheet" href="{% static 'jquery-ui-1.12.1/jquery-ui.min.css' %}">

{% endblock %}

{% block additionnal_scripts %}
  <script type="text/javascript" src="{% static 'jquery-ui-1.12.1/jquery-ui.min.js' %}"></script>
  <script type="text/javascript" src="{% static 'js/datatables/datatables.min.js' %}"></script>
{% endblock %}

{% block content %}
<div class="page_body">
    <div id="back_to_admin_index">
        <button type="button" class="btn--danger"><i class="fas fa-arrow-left"></i>&nbsp; Retour</button>
    </div>
    <div class="login_area">
        {% include "common/conn_admin.html" %}
    </div>
    <div class="header txtcenter">
        <h1>Gestion des Binômes</h1>
    </div>

    <div class="page_content">

        <div id="search_member_area">
            <div id="search_member_form_area">
                <h4>Rechercher le.a coopérateur.ice attaché.e au binôme</h4>
                <form id="search_member_form" action="javascript:;" method="post">
                <input type="text" id="search_member_input" value="" placeholder="Nom ou numéro du coop..." required>
                <button type="submit" class="btn--primary" id="search_member_button">Recherche</button>
                </form>
            </div>
            </div>
            <div class="search_member_results_area" style="display:none;">
                <div class="search_results_text">
                    <p><i>Choisissez parmi les membres trouvés :</i></p>
                </div>
                <div class="search_member_results"></div>
            </div>
        </div>
        
    </div>
</div>

<script src='{% static "js/all_common.js" %}?v='></script>
<script src='{% static "js/admin/manage_attached.js" %}?v='></script>
{% endblock %}