{% extends 'admin/base.html.twig' %}

{% block title %}AFC E-Learning{% endblock %}

{% block body %}
    <div class="container-fluid p-5">

        <h2 class="text-secondary">Informations complémentaire parcours formation</h2>
        <h4 class="text-secondary">Stagiaire : <span class="secondary-color">{{ learner.firstname }} {{ learner.lastname }}</span></h4>
        <h4 class="text-secondary">Formation : <span class="secondary-color">{{ ts.trainingTitle }}</span></h4>
        <div class="row p-3 bg-white">
            <div class="col-lg-6 p-4">
                {{ form_start(form) }}
                {{ form_label(form) }}
                {{ form_widget(form) }}
                <input type="submit" value="Enregistrer" class="mt-4 secondary-btn shadow-sm">
                {{ form_end(form) }}
            </div>
            <div class="col-lg-6 p-4">
                <h2 class="text-secondary mb-4">Financement de la formation</h2>
                {% if ts.funder != null %}
                    <p class="lead mb-4">
                        Entreprise :  <strong>{{ ts.funder.company.name }}</strong> <br>
                        Référent : <strong>{{ ts.funder.companyReferent.lastname }} {{ ts.funder.companyReferent.firstname }}</strong>
                    </p>
                {% else %}
                    <p class="lead mb-4">Aucun financement n'a encore été défini</p>
                {% endif %}
                <a href="{{ path('admin_learner_ts_add_funder', {'id':ts.id}) }}" id="funder-btn" class="secondary-btn shadow-sm">
                   
                   {% if ts.funder != null %} Modifier {% else %} Ajouter {% endif %} le financeur de la formation
                </a>
            </div>
        </div>
    </div>

    <style>
    legend.col-form-label {
        display: none;
    }
    </style>
{% endblock %}

{% block javascripts %}
<script>
    const hasFunderSelect = document.getElementById('admin_training_stages_hasFunder');
    const funderBtn = document.getElementById('funder-btn');

    hasFunderSelect.addEventListener('change', function(){
        if ( isHasFunder() ) {
            deleteDisabled();
        } else {
            addDisabled();
        }
    });

    function isHasFunder() {
        if ( hasFunderSelect.selectedOptions[0].value == 1 ) return true;
        return false;
    }

    function addDisabled() {
        if ( ! funderBtn.classList.contains('disabled') );
            funderBtn.classList.add('disabled');
    }

    function deleteDisabled () {
        funderBtn.classList.remove('disabled');
    }

</script>
{% endblock %}