{% extends "index.html" %}
{% block title %}Éditer un composant{% endblock %}
        {% block top_menu %}
        <span class='top_menu_item' onclick='javascript:document.location="/componants";'>Rechercher un composant</span>
        <span class='top_menu_item_selected' onclick='javascript:document.location="/componants/{{ componant.id }}";'>Éditer un composant</span>
        <span class='top_menu_item' onclick='javascript:document.location="/orders/in";'>Entrée de stock</span>
        <span class='top_menu_item' onclick='javascript:document.location="/orders/out";'>Sortie de stock</span>
        {% endblock %}

          {% block left_menu %}
          <div class='left_menu_item' onclick='javascript:document.location="/";'>
            Accueil
          </div>
          <div class='left_menu_item_selected' onclick='javascript:document.location="/componants";'>
            Composants
          </div>
          <div class='left_menu_item' onclick='javascript:document.location="/kits";'>
            Kits
          </div>
          <div class='left_menu_item' onclick='javascript:document.location="/providers";'>
            Fournisseurs
          </div>
          {% endblock %}

          {% block content %}
            <div id='note' class='main_block'>
              <text>Note:</text>
              <div class='note'>
                <p>Cette page vous permet de modifier directement un composant.<br/>
                À moins de vouloir corriger une erreur de saisie, ou de saisir un inventaire <br/>
                vous ne devez <strong>PAS</strong> modifier directement les quantités d'un composant.</p>
                <p>Cliquez sur les liens suivants pour saisir des
                <span class='top_menu_item_selected' onclick='javascript:document.location="/orders/in/{{ componant.id }}"'>entrées</span> 
                ou
                <span class='top_menu_item_selected' onclick='javascript:document.location="/orders/out/{{ componant.id }}"'>sorties</span> de stock.</p>
              </div>
            </div>
            <div id='edit' class='main_block'>
              <text>Composant:</text>
              <div class='input_block'>
                <label>Référence (unique)</label>
                <input
                      id='reference'
                      type='text'
                      onchange='javascript:update_componant(this, {{ componant.id }}, "text");'
                      maxlength='20'
                      title='Référence interne unique (max. 20)'
                      placeholder='Référence interne unique (max. 20)'
                      value='{{ componant.reference }}' />
              </div>
              <div class='input_block'>
                <label>Désignation</label>
                <input
                      id='designation'
                      type='text'
                      onchange='javascript:update_componant(this, {{ componant.id }}, "text");'
                      maxlength='100'
                      title='Désignation (max. 100)'
                      placeholder='Désignation (max. 100)'
                      value='{{ componant.designation }}' />
              </div>
              <div class='input_block'>
                <label>Dernier prix d'achat</label>
                <input
                      id='last_price'
                      type='text'
                      onchange='javascript:update_componant(this, {{ componant.id }}, "numeric");'
                      maxlength='15'
                      title="Dernier prix d'achat"
                      placeholder="Dernier prix d'achat"
                      value='{{ componant.last_price }}' />
              </div>
              <div class='input_block'>
                <label>Coût d'achat moyen</label>
                <input
                      id='mean_price'
                      type='text'
                      maxlength='15'
                      title='CMP (non éditable)'
                      readonly value='{{ componant.mean_price }}' />
              </div>
              <div class='input_block'>
                <label>Quantité</label>
                <input
                      id='quantity'
                      type='text'
                      onchange='javascript:update_componant(this, {{ componant.id }}, "numeric");'
                      maxlength='15'
                      title='Quantité'
                      placeholder='Quantité'
                      value='{{ componant.quantity }}' />
              </div>
              <div class='input_block'>
                <label>Quantité minimum</label>
                <input
                      id='min_quantity'
                      type='text'
                      onchange='javascript:update_componant(this, {{ componant.id }}, "numeric");'
                      maxlength='15'
                      title='Quantité minimum'
                      placeholder='Quantité minimum'
                      value='{{ componant.min_quantity }}' />
              </div>
              <div class='input_block'>
                <label>Emplacement</label>
                <input
                      id='place'
                      type='text'
                      onchange='javascript:update_componant(this, {{ componant.id }}, "text");'
                      maxlength='15'
                      title='Emplacement (max. 15)'
                      placeholder='Emplacement (max. 15)'
                      value='{{ componant.place }}' />
              </div>
              <div class='input_block'>
                <label>Fournisseur</label>
                <select
                        id='provider_id'
                        onchange='javascript:update_componant(this, {{ componant.id }}, "numeric");'
                        title='Fournisseur'>
                  {% for prov in providers %}
                    {% if prov.id > 1 %}
                      {% set option_selected = '' %}
                      {% if prov.id == provider.id %}
                      {%   set option_selected = 'selected="selected"' %}
                      {% endif %}
                      <option {{ option_selected }} value='{{ prov.id }}'>{{ prov.name }}</option>
                    {% endif %}
                  {% endfor %}
                </select>
              </div>
            </div>
          {% endblock %}