{% extends 'body.html.twig' %}

{% block title %}
    {{ parent() }} - Modifier la maintenance
{% endblock %}

{% block page %}
    <div class="container">
        <div class="row mt-3">
            <span class="col-md-12">
                <h1 class="display-5">Modifier la maintenance</h1>
            </span>
        </div>
        <div class="row justify-content-center">
            <div class="col-md-8">
                {{ form_start(form) }}
                    {{ form_widget(form) }}
                    <div class="text-center">
                        <input type="submit" value="Enregistrer" class="btn btn-primary btn-xl" />
                    </div>
                {{ form_end(form) }}
            </div>
        </div>
    </div>
{% endblock page %}

{% block javascripts %}
    {{ parent() }}
    
    <script>
        $(function () {
            $('#maintenance_fabrication_progression').parent().children().html("Progession : "+$('#maintenance_fabrication_progression').val()+"%");
        });
        
        $('#maintenance_fabrication_progression').change(function() {
            $('#maintenance_fabrication_progression').parent().children().html("Progession : "+$('#maintenance_fabrication_progression').val()+"%");
        });
    </script>
{% endblock %}