{% extends "baseAdmin.html.twig" %}

{% block title %}TecdesignAdminBundle:State:edit{% endblock %}

{% block body %}
    <div class="container">
        <!--First row-->
        <div class="row">
            <!-- Space -->
            <!--First column-->
            <div class="col-lg-4">
            </div>
            <!--./First column-->

            <!--Second column-->
            <div class="col-lg-4">
                <!-- Form: edit order state -->
                <form method="post" action="{{ path('orderStateEdit', {'id': orderState.id}) }}">
                    <p class="h5 text-center mb-4">Auftragsstatus "{{ orderState.name }}" bearbeiten</p>
                    <br>

                    <div class="md-form">
                        <i class="fa fa-user prefix grey-text"></i>
                        <input type="text" id="inputStateName" class="form-control" name="name" required
                               oninvalid="this.setCustomValidity('Bitte geben Sie einen Namen für den Auftragsstatus ein!')"
                               oninput="setCustomValidity('')"
                               maxlength="255" value="{{ orderState.name }}" autofocus>
                        <label for="inputStateName">Name des Auftragsstatus</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputStateRole" class="form-control" name="role"
                               maxlength="255" value="{{ orderState.role }}">
                        <label for="inputStateRole">Zugeordnete Benutzerrolle</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputApiAlias" class="form-control" name="apiAlias"
                               maxlength="255" value="{{ orderState.apiAlias }}">
                        <label for="inputApiAlias">API-Schlüssel (Alias für Zuordnung)</label>
                    </div>

                    <div class="form-group">
                        <i class="fa fa-file-text-o prefix grey-text"></i>
                        <label for="inputHint">Hinweis</label>
                        <textarea id="inputHint" name="hint" class="form-control" cols="40" rows="5"
                                  style="height:auto;">{{ orderState.hint }}</textarea>
                    </div>

                    <div class="text-center">
                        <button href="" class="btn btn-primary" type="submit">Änderungen speichern <i
                                    class="fa fa-check-square ml-1"></i>
                        </button>

                        <a href="{{ path('orderStateList') }}" class="btn btn-grey">Änderungen verwerfen <i
                                    class="fa fa-remove ml-1"></i>
                        </a>
                    </div>
                </form>
                <!-- Form: edit order state -->
            </div>
            <!--./Second column-->

            <!-- Space -->
            <!--Third column-->
            <div class="col-lg-4">
            </div>
            <!--./Third column-->
        </div>
        <!--/.First row-->

        <!--Second row-->
        <div class="row">
            <!--First column-->
            <div class="col-lg-2">
                <!-- Space -->
            </div>
            <!--/.First column-->

            <!--Second column-->
            <div class="col-lg-8">
                <br>
                <p><strong>Hinweis:</strong> Bitte beachten Sie, dass die zugeordnete Benutzerrolle momentan keine
                    Auswirkung hat.</p>
            </div>
            <!--/.Second column-->

            <!--Third column-->
            <div class="col-lg-2">
                <!-- Space -->
            </div>
            <!--/.Third column-->
        </div>
        <!--/.Second row-->
    </div>
{% endblock %}