{% extends "index.html" %}
{% block bodyheader %}
  <body onload="javascript:update_kits();">
{% endblock %}
{% block title %}Liste des Kits{% endblock %}
        {% block top_menu %}
        <span class='top_menu_item_selected' onclick='javascript:document.location="/kits";'>Gérer les kits</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_selected' onclick='javascript:document.location="/kits";'>
            Kits
          </div>
          <div class='left_menu_item' 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_kits_by_name(this, "text");'
                    title='Nom unique'
                    placeholder='Nom unique'
                    value='{{ name }}' />
            </div>
            <div class='input_block'>
              <label>Désignation</label>
              <input
                    id='designation'
                    type='text'
                    onkeyup='javascript:search_kits_by_designation(this, "text");'
                    title='Désignation'
                    placeholder='Désignation'
                    value='{{ designation }}' />
            </div>
            <div class='button_block'>
              <input
                    type='image'
                    src='/static/images/search.png'
                    title='Rechercher'
                    onclick='javascript:update_kits("name");'/>
              <input
                    type='image'
                    src='/static/images/save.png'
                    title='Enregistrer'
                    onclick='javascript:new_kit();'/>
            </div>
          </div>
          <!-- ----------------------------------------------------
          Resultat
          -----------------------------------------------------  -->
          <div id='result_container' class='result_container'>
          
          </div>
          {% endblock %}