{{#restrict section="config" level="admin" block=true}}{{/restrict}}
{{:admin_header title="Configuration" current="module_equipment"}}

{{* barre de navigation *}}
{{:include file="/%s/_nav.html"|args:$module.name current="config"}}

{{if $_GET.ok}}
<p class="block confirm">Configuration enregistrée.</p>
{{/if}}

{{* Traiter l'envoi du formulaire *}}
{{#form on="save"}}

        {{:save key="config"
                validate_schema="./config.schema.json"
                inputNature=$_POST.input_fields|array_transpose
                outputNature=$_POST.output_fields|array_transpose
        }}
	{{:redirect to="./config.html?ok=1"}}
{{/form}}

{{* types d'entrées *}}
{{:assign var='types_entrees' définitif="définitif" temporaire="temporaire" retour="retour"}}

{{* entrées par défaut *}}
{{:assign var='entrees_defaut.Achat' value='définitif'}}
{{:assign var='entrees_defaut.Location' value='temporaire'}}
{{:assign var='entrees_defaut.Retour de Location/Prêt' value='retour'}}

{{* types de sorties *}}
{{:assign var='types_sorties' définitif="définitif" temporaire="temporaire" retour="retour"}}

{{* sorties par défaut *}}
{{:assign var='sorties_defaut.Vente' value='définitif'}}
{{:assign var='sorties_defaut.Prêt' value='temporaire'}}
{{:assign var='sorties_defaut.Retour de Location/Prêt' value='retour'}}

<form method="post" action="">
<fieldset>
  <legend>Entrées</legend>
  <table class="list input_fields">
    <thead>
      <tr>
        <th>Nature de l'entrée</th>
        <th>Type</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody id="input_body">
        {{#foreach from=$module.config.inputNature item="input_field"}}
        <tr>
          <td>{{:input type="text" name="input_fields[label][]" default=$input_field.label}}</td>
          <td>{{:input type="select" name="input_fields[type][]" options=$types_entrees default=$input_field.type required=true default_empty="— Choisir un type —"}}</td>
          <td class="action">
            {{:button label="Retirer" shape="minus" onclick="this.parentNode.parentNode.remove();"}}
          </td>
        </tr>
        {{else}}
        {{#foreach from=$entrees_defaut key="label" item="value"}}
        <tr>
          <td>{{:input type="text" name="input_fields[label][]" default=$label}}</td>
          <td>{{:input type="select" name="input_fields[type][]" options=$types_entrees required=true default=$value default_empty="— Choisir un type —"}}</td>
          <td class="action">
            {{:button label="Retirer" shape="minus" onclick="this.parentNode.parentNode.remove();"}}
          </td>
        </tr>
        {{/foreach}}
        {{/foreach}}
    </tbody>
  </table>
  <p class="actions">
    {{:button shape="plus"
              label="Ajouter un champ"
              onclick="addLine('#input_body')"}}
  </p>
  <div class="help">
    <h3>Signification du type d'entrée</h3>
    <ul>
      <li><b>définitif</b> : l'asso devient propriétaire du matériel (ex : achat, don)</li>
      <li><b>temporaire</b> : l'asso ne devient <strong>pas</strong> propriétaire du matériel (ex : location, emprunt)</li>
      <li><b>retour</b> : matériel qui revient après une sortie temporaire (ex : retour de location ou de prêt)</li>
    </ul>
  </div>
</fieldset>

<fieldset>
  <legend>Sorties</legend>
  <table class="list output_fields">
    <thead>
      <tr>
        <th>Nature de la sortie</th>
        <th>Type</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody id="output_body">
        {{#foreach from=$module.config.outputNature item="output_field"}}
        <tr>
          <td>{{:input type="text" name="output_fields[label][]" default=$output_field.label}}</td>
          <td>{{:input type="select" name="output_fields[type][]" options=$types_sorties default=$output_field.type required=true default_empty="— Choisir un type —"}}</td>
          <td class="action">
            {{:button label="Retirer" shape="minus" onclick="this.parentNode.parentNode.remove();"}}
          </td>
        </tr>
        {{else}}
        {{#foreach from=$sorties_defaut key="label" item="value"}}
        <tr>
          <td>{{:input type="text" name="output_fields[label][]" default=$label}}</td>
          <td>{{:input type="select" name="output_fields[type][]" options=$types_sorties required=true default=$value default_empty="— Choisir un type —"}}</td>
          <td class="action">
            {{:button label="Retirer" shape="minus" onclick="this.parentNode.parentNode.remove();"}}
          </td>
        </tr>
        {{/foreach}}
        {{/foreach}}
    </tbody>
  </table>
  <p class="actions">
    {{:button shape="plus"
              label="Ajouter un champ"
              onclick="addLine('#output_body')"}}
  </p>
  <div class="help">
    <h3>Signification du type de sortie</h3>
    <ul>
      <li><b>définitif</b> : le matériel n'appartient plus à l'asso (ex : vente, casse, perte, vol, ...)</li>
      <li><b>temporaire</b> : le matériel sort temporairement de l'asso qui en reste propriétaire (ex : location, prêt)</li>
      <li><b>retour</b> : le matériel <strong>non propriété de l'asso</strong> est rendu à son propriétaire (ex : retour de location ou de prêt)</li>
    </dl>
  </div>
</fieldset>

<p class="submit">
  {{:button
    type="submit"
    name="save"
    label="Enregistrer"
    shape="right"
    class="main"
  }}
</p>
</form>

<script type="text/javascript">
    // dupliquer la dernière ligne d'une table
    function addLine(id_body) {
        var ligne = document.querySelector(id_body).lastElementChild;
        var nelle = ligne.cloneNode(true);
        let text = nelle.querySelector('input[type="text"]');
        text.value = null;
        let menu = nelle.querySelector('select')
        if (menu != null) {
                menu[0].selected = 'selected';
        }
        ligne.parentNode.appendChild(nelle);
        text.focus();
    }
</script>
{{:admin_footer}}