{% extends 'layout.twig' %}

{% block body %}

    <div id="refreshUser" class="contenu clearfix">
    
        {% include '@Utilisateur/Common/Component/SubNavbar.twig' 
            with {
                hasBackup: hasBackup,
                current_route: 'addBackup',
            } only
        %}
		
		<h2>{{ 'Mes backups' | trad }}</h2>

        <form method="post" name="mesBackup" id="mesBackup" class="clearfix box-form">

            <div class="single">
                <div class="row">
                    {{ inputAdvance('ZOOMADVANCE', {
                        'titre' : 'Login du nouveau backup' | trad,
                        'name' : 'CODE_BAC',

                        'pahtZoom' : path('Utilisateur.MesBackup.listeBackup'),
                        'paramZoom' : "{'tri_CODE' : 'asc'}",
                        'entity' : 'Hastutil',
                        'titleZoom' : 'Liste des backups disponibles' | trad,
                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                        'convertLibelle' : 'convertLibelleGlobal',
                        'pathValidator' : path('Utilisateur.MesBackup.ajaxValidBackup'),
                        'paramsValidator' : "",
                        'obligatoire' : true,
                    }) }}
                </div>
            </div>

            <div class="clearfix" style="display:none;" id="inputBackup">
                <div class="colonne2">
                    <div class="row">
                        {{ inputAdvance('SWITCH', {
                            'titre' : 'Backup fonctions générales' | trad,
                            'name' : 'ACHAT',
                            'value' : true,
                        }) }}
                    </div>
                </div>
                <div class="colonne2 last" >
                    <div class="row">
                        {{ inputAdvance('SWITCH', {
                            'titre' : 'Backup Responsable Hiérarchique' | trad,
                            'name' : 'SUPHIER',
                            'value' : true,
                        }) }}
                    </div>
                </div>
            </div>

            <button class="principal" type="button" style="float:right;" onClick="ajaxPopupV2('{{ path('Utilisateur.MesBackup.addBackup') }}', 'mesBackup')">{{ 'Ajouter ce backup' | trad }}</button>

        </form>
    </div>
    <script>
        $('#input_CODE_BAC').change(function(){
            if ($(this).val()) {
                $('#inputBackup').show();
            } else {
                $('#inputBackup').hide();
            }
        });

        $('#input_ACHAT').change(function(){
            if(!$(this).is(':checked')) {
                changeValueSwitch('SUPHIER', true);
            }
        });

        $('#input_SUPHIER').change(function(){
            if(!$(this).is(':checked')) {
                changeValueSwitch('ACHAT', true);
            }
        });
    </script>
{% endblock %}