{% extends "index.html" %}
{% block bodyheader %}
  <body onload="javascript:update_providers();">
{% endblock %}
{% block title %}Liste des fournisseurs{% endblock %}
        {% block top_menu %}
        <span class='top_menu_item_selected' onclick='javascript:document.location="/providers";'>Gérer les fournisseurs</span>
        {% endblock %}
        
          {% block left_menu %}
          <div class='left_menu_item' onclick='javascript:document.location="/";'>
            Accueil
          </div>
          <div class='left_menu_item' onclick='javascript:document.location="/componants";'>
            Composants
          </div>
          <div class='left_menu_item' onclick='javascript:document.location="/kits";'>
            Kits
          </div>
          <div class='left_menu_item_selected' onclick='javascript:document.location="/providers";'>
            Fournisseurs
          </div>
          {% endblock %}

          {% block content %}
          <!-- ----------------------------------------------------
          Recherche
          -----------------------------------------------------  -->
           <div id='search' class='main_block'>
            <text>Recherche:</text>
            <div class='input_block'>
              <label>Nom (unique)</label>
              <input
                    id='name'
                    type='text'
                    onkeyup='javascript:search_providers_by_name(this, "text");'
                    title='Nom unique'
                    placeholder='Nom unique'
                    value='{{ name }}' />
            </div>
            <div class='input_block'>
              <label>Adresse</label>
              <input
                    id='address'
                    type='text'
                    onkeyup='javascript:search_providers_by_address(this, "text");'
                    title='Adresse'
                    placeholder='Adresse'
                    value='{{ address }}' />
            </div>
            <div class='input_block'>
              <label>@ mail</label>
              <input
                    id='mail'
                    type='text'
                    onkeyup='javascript:search_providers_by_mail(this, "text");'
                    title='Adresse mail'
                    placeholder='Adresse mail'
                    value='{{ mail }}' />
            </div>
            <div class='input_block'>
              <label>URL</label>
              <input
                    id='url'
                    type='text'
                    onkeyup='javascript:search_providers_by_url(this, "text");'
                    title='URL'
                    placeholder='URL'
                    value='{{ url }}' />
            </div>
            <div class='button_block'>
              <input
                    type='image'
                    src='/static/images/search.png'
                    title='Rechercher'
                    onclick='javascript:update_providers("name");'/>
              <input
                    type='image'
                    src='/static/images/save.png'
                    title='Enregistrer'
                    onclick='javascript:new_provider();'/>
            </div>
          </div>
          <!-- ----------------------------------------------------
          Resultat
          -----------------------------------------------------  -->
          <div id='result_container' class='result_container'>
          
          </div>
          {% endblock %}