{{ form_start(form_new_agency) }}
<div class="modal fade" id="modal-lg" style="display: none; padding-right: 15px;" aria-hidden="true"
     data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button id="closeModalCross" type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span></button>
                <h4 class="modal-title"><i class="fas fa-plus"></i>Ajout d'un nouveau magasin</h4>
            </div>
            <div class="modal-body">
                {{ form_widget(form_new_agency) }}
            </div>
            <div class="modal-footer">
                <button id="closeModalBtn" type="button" class="btn-default pull-right" data-dismiss="modal">
                    Annuler
                </button>
                <button type="submit" class="btn-primary">{{ button_label|default('Enregistrer') }}</button>
            </div>
        </div>
    </div>
</div>
{{ form_end(form_new_agency) }}
<script type="text/javascript">
    clearNewAgencyForm();
    document.getElementById("closeModalCross").addEventListener("click", function (event) {
        clearNewAgencyForm()
    })

    document.getElementById("closeModalBtn").addEventListener("click", function (event) {
        clearNewAgencyForm()
    })

    function clearNewAgencyForm() {
        document.getElementById('agency_name').value = '';
        document.getElementById('agency_company').selectedIndex = null;
        document.getElementById('agency_phoneNumber').value = '';
        document.getElementById('agency_address_street').value = '';
        document.getElementById('agency_address_postalCode').value = '';
        document.getElementById('agency_address_city').value = '';
        document.getElementById('agency_address_country').selectedIndex = null;
        document.getElementById('agency_editionPdf').checked = false;
        document.getElementById('agency_sharedFolder').checked = false;
    }

    errorRedBg($('#agency_name'))
    errorRedBg($('#agency_phoneNumber'))
    errorRedBg($('#agency_address_street'))
    errorRedBg($('#agency_address_postalCode'))
    errorRedBg($('#agency_address_city'))

    $('#agency_name')[0].addEventListener('keyup', function (e) {
        errorRedBg($('#agency_name')[0])
    })
    $('#agency_phoneNumber')[0].addEventListener('keyup', function (e) {
        errorRedBg($('#agency_phoneNumber')[0])
    })
    $('#agency_address_street')[0].addEventListener('keyup', function (e) {
        errorRedBg($('#agency_address_street')[0])
    })
    $('#agency_address_postalCode')[0].addEventListener('keyup', function (e) {
        errorRedBg($('#agency_address_postalCode')[0])
    })
    $('#agency_address_city')[0].addEventListener('keyup', function (e) {
        errorRedBg($('#agency_address_city')[0])
    })

    function errorRedBg(input) {
        if ($(input)[0].value == "") {
            $(input).addClass("borderErrorInput")
        } else {
            $(input).removeClass("borderErrorInput")
        }
    }
</script>