{{#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}}

{{* config par défaut *}}
{{:read file="defaut.json" assign="config_defaut"}}
{{:assign config_defaut=$config_defaut|json_decode}}

{{* types d'entrées *}}
{{#foreach from=$config_defaut.entrées item="elem"}}
    {{#foreach from=$elem key=label item=value}}
        {{:assign var='types_entrees.%s'|args:$value value=$value}}
    {{/foreach}}
{{/foreach}}

{{* types de sorties *}}
{{#foreach from=$config_defaut.sorties item="elem"}}
    {{#foreach from=$elem key=label item=value}}
        {{:assign var='types_sorties.%s'|args:$value value=$value}}
    {{/foreach}}
{{/foreach}}

<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"}}

            {{* Vérifier si la suppression de ce type d'entrée est possible *}}
            {{:assign suppr=true}}
            {{#load type="movement" where="$$.inputNature = :libelle" :libelle=$input_field.label}}
                {{:assign suppr=false}}
            {{/load}}

        <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">
            {{if $suppr}}
                {{:button label="Supprimer" shape="minus" onclick="this.parentNode.parentNode.remove();"}}
            {{else}}
                {{:button label="Supprimer" shape="minus" disabled=true}}
            {{/if}}
          </td>
        </tr>
        {{else}}
        {{* pas de config enregistrée : utiliser les valeurs par défaut *}}
        {{#foreach from=$config_defaut.entrées item="elem"}}
            {{#foreach from=$elem key=label item=value}}

                {{* Vérifier si la suppression de ce type d'entrée est possible *}}
                {{:assign suppr=true}}
                {{#load type="movement" where="$$.inputNature = :libelle" :libelle=$label}}
                    {{:assign suppr=false}}
                {{/load}}

                <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">
                    {{if $suppr}}
                        {{:button label="Supprimer" shape="minus" onclick="this.parentNode.parentNode.remove();"}}
                    {{else}}
                        {{:button label="Supprimer" shape="minus" disabled=true}}
                    {{/if}}
                  </td>
                </tr>
            {{/foreach}}
        {{/foreach}}
        {{/foreach}}
    </tbody>
  </table>
  <p class="actions">
    {{:button shape="plus"
              label="Ajouter un champ"
              onclick="addLine('#input_body')"}}
  </p>
  <div class="help block">
    <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"}}

            {{* Vérifier si la suppression de ce type de sortie est possible *}}
            {{:assign suppr=true}}
            {{#load type="movement" where="$$.outputNature = :libelle" :libelle=$output_field.label}}
                {{:assign suppr=false}}
            {{/load}}

        <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">
            {{if $suppr}}
                {{:button label="Supprimer" shape="minus" onclick="this.parentNode.parentNode.remove();"}}
            {{else}}
                {{:button label="Supprimer" shape="minus" disabled=true}}
            {{/if}}
          </td>
        </tr>
        {{else}}
        {{* pas de config enregistrée : utiliser les valeurs par défaut *}}
        {{#foreach from=$config_defaut.sorties item="elem"}}
            {{#foreach from=$elem key=label item=value}}

            {{* Vérifier si la suppression de ce type de sortie est possible *}}
            {{:assign suppr=true}}
            {{#load type="movement" where="$$.inputNature = :libelle" :libelle=$label}}
                {{:assign suppr=false}}
            {{/load}}

            <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">
                {{if $suppr}}
                    {{:button label="Supprimer" shape="minus" onclick="this.parentNode.parentNode.remove();"}}
                {{else}}
                    {{:button label="Supprimer" shape="minus" disabled=true}}
                {{/if}}
              </td>
            </tr>
            {{/foreach}}
        {{/foreach}}
        {{/foreach}}
    </tbody>
  </table>
  <p class="actions">
    {{:button shape="plus"
              label="Ajouter un champ"
              onclick="addLine('#output_body')"}}
  </p>
  <div class="help block">
    <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 d'emprunt)</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}}