{% extends '@commons/default.html.twig' %}

{% block scripts_pre_loaded %}
    <script>
        let reason_customer = {{ reason.customer|json_encode|raw }};
        let reason_supplier = {{ reason.supplier|json_encode|raw }};
    </script>
{% endblock %}

{% block content %}
    <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col-desktop mdl-grid" style="margin-left: 0;">
        <div class="mdl-card__title mdl-card--expand">
            <h2 class="mdl-card__title-text">Maßnahme aktualisieren</h2>
        </div>
        <form name="add_company" action="{{ link }}" method="post">
            <div class="mdl-card__supporting-text mdl-color-text--grey-600">
                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <select class="mdl-textfield__input input--mandatory" id="initiator_select" name="initiator_select">
                        <option></option>
                        {% for initiator_id, initiator_label in initiator %}
                            {% if initiator_id == measure.initiator %}
                                <option value="{{ initiator_id }}" selected>{{ initiator_label }}</option>
                            {% else %}
                                <option value="{{ initiator_id }}">{{ initiator_label }}</option>
                            {% endif %}
                        {% endfor %}
                    </select>
                    <label class="mdl-textfield__label" for="initiator_select">Treiber*</label>
                </div>
                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <select class="mdl-textfield__input input--mandatory" id="reason_select" name="reason_select">
                        <option></option>
                        {% for reason_id, reason_label in reason[measure.initiator] %}
                            {% if reason_id == measure.reason %}
                                <option value="{{ reason_id }}" selected>{{ reason_label }}</option>
                            {% else %}
                                <option value="{{ reason_id }}">{{ reason_label }}</option>
                            {% endif %}
                        {% endfor %}
                    </select>
                    <label class="mdl-textfield__label" for="reason_select">Grund*</label>
                </div>
                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <input class="mdl-textfield__input" id="measure_productive_hours" name="measure_productive_hours" type="text" pattern="-?([0-9]||\.[0-9]{3})*(,[0-9]([0-9])?)?" value="{{ measure.hours }}">
                    <label class="mdl-textfield__label" for="measure_productive_hours">+/- Stunden in h</label>
                    <span class="mdl-textfield__error">Eingabe ist kein gültiger Wert</span>
                </div>
                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <input class="mdl-textfield__input" id="measure_material" name="measure_material" type="text" pattern="-?([0-9]||\.[0-9]{3})*(,[0-9][0-9])?" value="{{ measure.material }}">
                    <label class="mdl-textfield__label" for="measure_material">+/- Material in €</label>
                    <span class="mdl-textfield__error">Eingabe ist kein gültiger Wert</span>
                </div>
                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <input class="mdl-textfield__input" id="measure_external" name="measure_external" type="text" pattern="-?([0-9]||\.[0-9]{3})*(,[0-9][0-9])?" value="{{ measure.external_service }}">
                    <label class="mdl-textfield__label" for="measure_external">+/- Fremdleistungen in €</label>
                    <span class="mdl-textfield__error">Eingabe ist kein gültiger Wert</span>
                </div>
                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <input class="mdl-textfield__input" id="measure_order_volume" name="measure_order_volume" type="text" pattern="-?([0-9]||\.[0-9]{3})*(,[0-9][0-9])?" value="{{ measure.order_volume }}">
                    <label class="mdl-textfield__label" for="measure_order_volume">+/- Auftragsvolumen in €</label>
                    <span class="mdl-textfield__error">Eingabe ist kein gültiger Wert</span>
                </div>
                <div class="mdl-textfield mdl-js-textfield">
                    <textarea class="mdl-textfield__input" type="text" rows="3" id="measure_comment" name="measure_comment">{{ measure.comment }}</textarea>
                    <label class="mdl-textfield__label" for="measure_comment">Bemerkung</label>
                </div>
                <div>
                    <label for="date">Datum*
                        <input type="date" name="measure_date" id="measure_date" max="{{ date_limit }}" value="{{ measure.date }}" required>
                    </label>
                </div>
            </div>
            <p class="info_text">
                * Pflichtfeld
            </p>
            <div class="mdl-card__actions mdl-card--border">
                <a href="{{ back_link }}"><button class="mdl-button mdl-js-button mdl-js-ripple-effect" type="button">Zurück</button></a>
                <button class="mdl-button mdl-js-button mdl-js-ripple-effect" type="submit">Aktualisieren</button>
            </div>
        </form>
    </div>
{% endblock %}

{% block scripts_post_loaded %}
    <script src="{{ asset('/assets/js/drop_down.js') }}"></script>
{% endblock %}