{% extends 'layout.twig' %}

{% block body %}
<section class="contenu">
    <h1>{{ 'Paramétrage API' | trad }}</h1>

    {{ ariane() }}

    <div class="p-base">
        <div class="zoneError">{{ erreur | raw }}</div>


        <form method="POST"
              class="form-default bs-row gutter-x-base gutter-y-base flex-y-stretch"
        >
            <div class="bs-col-full text-right">
                <button type="submit" class="button principal mt-base" id="regenerate">
                    {{- 'Regénérer le SECRET ID' | trad -}}
                </button>

                <a class="button secondaire" target="_blank" href="{{ path('API.Documentation.swaggerJson') }}">{{ 'Accéder à la documentation' | trad }}</a>
            </div>

            <div class="bs-col-full">
                <fieldset class="scheduler-border m-0">
                    <legend class="scheduler-border">
                        {{ 'Général' | trad }}
                    </legend>
                    <div class="bs-row gutter-x-base">
                        <div class="bs-col">
                            {{ inputAdvance('TEXT', {
                                titre: 'Client ID' | trad,
                                name: 'CLIENT_ID',
                                value: appParam.CLIENT_ID,
                                option: 'disabled'
                            }) }}
                        </div>
                        <div class="bs-col align-right" style="flex-grow: 0.2;">
                            <button
                                    type="button"
                                    class="button principal ml-base"
                                    id="button-to-clipboard"
                                    onclick="copyToClipBoard('input_CLIENT_ID')"
                            >
                                {{ 'Copier dans le presse-papiers' | trad }}
                            </button>
                        </div>
                    </div>

                    <div class="bs-row gutter-x-base">
                        <div class="bs-col">
                            {{ inputAdvance('TEXT', {
                                titre: 'Secret ID' | trad,
                                name: 'SECRET_ID',
                                value: appParam.SECRET_ID,
                                option: 'disabled'
                            }) }}
                        </div>
                        <div class="bs-col align-right" style="flex-grow: 0.2;">
                            <button
                                type="button"
                                class="button principal ml-base"
                                id="button-to-clipboard"
                                onclick="copyToClipBoard('input_SECRET_ID')"
                            >
                                {{ 'Copier dans le presse-papiers' | trad }}
                            </button>
                        </div>
                    </div>
                </fieldset>
            </div>
        </form>
    </div>
</section>

    <script>
        $('#regenerate').on('click', (e) =>  {
            e.preventDefault();
            popupConfirmation('{{ path('Ajax.Erreur.popupConfirmationGestion') }}', '', '{{ path('Parametrage.ParametrageAPI.index', {'reset': 1}) }}',
                '{{ 'Attention, vous êtes sur le point de regénérer le token. Êtes-vous sûr de faire cette action ?' |trad|e('js')|raw }}', 'redirection', '','false', 'true', '', '', 'true', 'genetableau', 'filtre_fournisseur', 'information', '{{ 'Regénération du SECRET ID' | trad }}');
        });
    </script>
{% endblock %}
