{% extends 'layout.twig' %}

{% block body %}


    <div class="contenu" id="panier">
    
        <h1>
            {{ 'Accords-cadres' | trad }} :            
        </h1>

        {{ ariane() }}

        <h2 class="clearfix">
            {{ 'RFA de l\'accord-cadre' | trad }} - {{ acd.LIBELLE }} {% if acd.AVENANT %} - {{ acd.AVENANT }}{% endif %} ({{ acd.CODE_ACD }})
            
            <button type="button" onClick="ajaxPopupV2('{{ path('Contrat.RFA.validate', {idacc:idacc,idRFA:idRFA}) }}', 'form_rfa_createedit', '{{ 'Erreur' | trad }}')" class="button principal">{{ 'Enregistrer' | trad }}</button>
            {{ arianeAnnuler() }}
        </h2>

        <div class="content">

            <form name="form_rfa_createedit" id="form_rfa_createedit" class="bg_form padding_form border_form clearfix" style="margin-top:10px;">
                <div class="clearfix">
                    <div class="colonne2">
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                'name' : 'LIBELLE',
                                'titre' : 'Libellé' | trad,
                                'value' : rfa.LIBELLE,
                                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                'paramsValidator' : "{'sizeMin' : '1', 'sizeMax' : '120'}",
                                'obligatoire': true,
                            }) }}
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div class="colonne2">
                        <div class="row">
                            {{ inputAdvance('DATE', {
                                'name' : 'DTE_DEBUT',
                                'titre' : 'Date de début' | trad,
                                'value' : rfa.DTE_DEBUT | dateTrad,
                                'pathValidator' : path('Ajax.validator.date'), 
                                'paramsValidator' : '{}',
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('SELECT', {
                                'name' : 'TYPE_RFA',
                                'titre' : 'Type de RFA' | trad,
                                'value' : rfa.TYPE_RFA,
                                'listeValue' : typeRFA,
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('DEVISE', {
                                'titre' : 'Valeur' |trad,
                                'name' : 'VALEUR_RFA',
                                'value' : rfa.VALEUR_RFA | tva ,
                                'devise' : rfa.TYPE_RFA != 'M'? '%':devise,
                                'pathValidator' : path('Ajax.validator.float'),
                                'paramsValidator' : "{}",
                                'obligatoire' : true,
                            }) }}
                        </div>
                    </div>
                    <div class="colonne2 last">
                        <div class="row">
                            {{ inputAdvance('DATE', {
                                'name' : 'DTE_FIN',
                                'titre' : 'Date de fin' | trad,
                                'value' : rfa.DTE_FIN | dateTrad,
                                'pathValidator' : path('Ajax.validator.date'), 
                                'paramsValidator' : '{}',
                            }) }}
                        </div>
                        <div class="row" id="div_base_calcul">
                            {{ inputAdvance('SELECT', {
                                'name' : 'BASE_CALCUL',
                                'titre' : 'Base de calcul' | trad,
                                'value' : rfa.BASE_CALCUL,
                                'listeValue' : baseCalcul,
                            }) }}
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div class="colonne2">
                        <div class="row">
                            {{ inputAdvance('SWITCH', {
                                'titre' : 'Soldée' | trad,
                                'name' : 'SOLDE',
                                'value' : rfa.SOLDE,
                            }) }}
                        </div>
                    </div>
                    <div class="colonne2 last">
                        <div class="row">
                            {{ inputAdvance('SWITCH', {
                                'titre' : 'Tacite reconduction' | trad,
                                'name' : 'TACITE_RECOND',
                                'value' : rfa.TACITE_RECOND,
                            }) }}
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div class="single">
                        <div class="row input_comment">
                            {{ inputAdvance('TEXTAREA', {
                                'name' : 'COMMENTAIRE',
                                'titre' : 'Commentaire' | trad,
                                'value' : rfa.COMMENTAIRE,
                                'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '3000'}",
                            }) }}
                        </div>
                    </div>
                </div>
            </form>
        </div>

    </div>

    <style>
        .input_comment label{
            width: 19% !important;
        }
    </style>

    <script>
        $('#input_TYPE_RFA').change(function(){
            if ($(this).val() == 'P') {
                $('#devise_VALEUR_RFA').html('%');
                $('#div_base_calcul').show();
            }  else {
                $('#devise_VALEUR_RFA').html('{{devise}}');
                $('#div_base_calcul').hide();
            }
        });
    </script>
{% endblock %}