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

{% block content %}
    <h1>CALL creation for {{ intervention.systeme.client.nom }}. System name: <b>{{ intervention.systeme.nom }}</b></h1>
<table width="100%" border="1">
  <tr>
    <td width="50%">
        {{ form_start(form) }}
    
    {{ form_row(form.reference) }}
    {{ form_row(form.statutc) }}
    {% if edit_form.acceptance is defined %}{{ form_row(edit_form.acceptance) }}{%endif%}
    {{ form_row(form.statutcallseverity) }}
    {{ form_row(form.dateCall) }}
    {{ form_row(form.raison) }}
    {{ form_row(form.action) }}
    {{ form_row(form.solution) }}
    {{ form_row(form.versioninterupgrade) }}

    
    {{ form_row(form.dateVisite) }}
    
    {{ form_row(form.dateendinter) }}
     
    {{ form_row(form.intervenant) }}
    {{ form_row(form.commentaire) }}
    {{ form_row(form.privatenote) }}
    {{ form_row(form.statut) }}
    {{ form_row(form.systeme) }}
    {{ form_row(form.customerorder) }}
    {{ form_row(form.billingnum) }}
    {{ form_row(form.dateBilling) }}
    {{ form_row(form.price) }}
    {{ form_row(form.totalprice) }}
    {{ form_row(form.statutcharging) }}    </td>
    <td>
        
        <table border="1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td width="30%">drive from</td>
    <td>{{ form_widget(form.day1drivefrom) }}</td>
  </tr>
  <tr>
    <td>Start time date of visit (AM Start)</td>
    <td>to fill</td>
  </tr>
  <tr>
    <td>AM End</td>
    <td>{{ form_widget(form.day1amend) }}</td>
  </tr>
  <tr>
    <td>PM Start</td>
    <td>{{ form_widget(form.day1pmstart) }}</td>
  </tr>
  <tr>
    <td>End Time date of visit (PM End)</td>
    <td>to fill</td>
  </tr>
    <tr>
    <td>Drive to</td>
    <td>{{ form_widget(form.day1driveto) }}</td>
  </tr>
</table>    </td>
  </tr>
  <tr>
    <td colspan="2"><div align="center">
      <button type="submit" value="Create"><span class="glyphicon glyphicon-floppy-disk"></span> Create</button>
    </div>
    </a></td>
</tr>
</table>

    
    	
    <!-- form_widget(form) -->
     
    {{ form_end(form) }}

<script>
    //script permetting to be sure that intervenant is filled by the connecting user
        // Get the <select> element
        var select = document.getElementById("appbundle_intervention_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>
                                    <SCRIPT>
let appbundle_intervention_dateVisite_date = document.querySelector('#appbundle_intervention_dateVisite_date');
let appbundle_intervention_dateendinter_date = document.querySelector('#appbundle_intervention_dateendinter_date');

appbundle_intervention_dateVisite_date.addEventListener('change', function() {
appbundle_intervention_dateendinter_date.min = this.value;
});
            </SCRIPT>

    <a href="{{ path('intervention_index') }}" class="action"><span class="glyphicon glyphicon-fast-backward"></span> Back to all calls</a>
    <br/>
    <a href="{{ path('systeme_show', { 'id': intervention.systeme.id }) }}" class="action"><span class="glyphicon glyphicon-fast-backward"></span> Back to system</a>
{% endblock %}