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

{% block content %}
    <h1>Maintenance creation</h1>

    {{ form_start(form) }}
    {{ form_widget(form) }}
    <button type="submit" value="Create"><span class="glyphicon glyphicon-floppy-disk"></span> Create</button>
    {{ form_end(form) }}

<script>
        // Get the <select> element
        var select = document.getElementById("appbundle_maintenance_intervenant");

        // Get all <option> elements
        var options = Array.from(select.options);

        // Define the prioritized value
        var prioritizedValue = "{{ user.id }}";

        // Custom sorting function
        options.sort(function (a, b) {
            if (a.value === prioritizedValue) return -1; // Place prioritized value first
            if (b.value === prioritizedValue) return 1; // Place prioritized value first
            return a.value.localeCompare(b.value); // Sort non-prioritized values alphabetically
        });

        // Clear the <select> element
        select.innerHTML = "";

        // Append sorted <option> elements back to the <select> element
        options.forEach(function (option) {
            select.appendChild(option);
        });
        select.value ="{{ user.id }}"
    </script>    
    
         <a href="{{ path('systeme_show', { 'id': maintenance.systeme.id }) }}" class="action"><span class="glyphicon glyphicon-fast-backward"></span> Back to system</a>
    
{% endblock %}