{% extends "baseAdmin.html.twig" %}
{% block title %}TecdesignAdminBundle:Order:create{% 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: create order -->
                <form method="post" action="{{ path('orderCreate') }}">
                    <p class="h5 text-center mb-4">Auftrag anlegen</p>
                    <br>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputOrderNumber" class="form-control" name="order_number" required
                               pattern="(FAS)[0-9]{7,10}"
                               oninvalid="this.setCustomValidity('Die interne Auftragsnummer entspricht nicht dem geforderten Format!')"
                               oninput="setCustomValidity('')"
                               autofocus>
                        <label for="inputOrderNumber">Interne Auftragsnummer</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputGeneralOrderNumber" class="form-control" name="general_order_number"
                               required
                               pattern="(AU)[0-9]{7,10}"
                               oninvalid="this.setCustomValidity('Die Auftragsnummer entspricht nicht dem geforderten Format!')"
                               oninput="setCustomValidity('')">
                        <label for="inputGeneralOrderNumber">Auftragsnummer</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputOrderName" class="form-control" name="order_name" maxlength="255">
                        <label for="inputOrderName">Produktname</label>
                    </div>

                    <div class="form-group">
                        <i class="fa fa-user prefix grey-text"></i>
                        <label for="selectCustomer">Kundenname</label>
                        <select class="form-control" name="customer" id="selectCustomer">
                            {% for customer in customers %}
                                <option value="{{ customer.id }}">{{ customer.name }}</option>
                            {% endfor %}
                        </select>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputCustomerOrderNr" class="form-control"
                               name="customer_reference_number"
                               maxlength="255">
                        <label for="inputCustomerOrderNr">Kunden-Bestellnummer</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputOrderQuantity" class="form-control" name="order_quantity"
                               maxlength="255" pattern="[0-9]{1,}"
                               oninvalid="this.setCustomValidity('Die Auftragsmenge entspricht nicht dem geforderten Format!')"
                               oninput="setCustomValidity('')">
                        <label for="inputOrderQuantity">Auftragsmenge</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputDeliveredQuantity" class="form-control" name="delivered_quantity"
                               value="{{ order.deliveredQuantity }}" maxlength="255" pattern="[0-9]{1,}"
                               oninvalid="this.setCustomValidity('Die bereits ausgelieferte Menge entspricht nicht dem geforderten Format!')"
                               oninput="setCustomValidity('')">
                        <label for="inputDeliveredQuantity">Bereits ausgeliefert</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputContractKind" class="form-control" name="contract_kind"
                               value="{{ order.contractKind }}" maxlength="255">
                        <label for="inputContractKind">Auftragsart</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputRepairOrder" class="form-control" name="repair_order"
                               value="{{ order.repairOrder }}" maxlength="255">
                        <label for="inputRepairOrder">Reparatur-/ Garantieauftrag:</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputPackingListNr" class="form-control" name="packing_list_number"
                               maxlength="255">
                        <label for="inputPackingListNr">Lieferscheinnummer</label>
                    </div>

                    <div class="form-group">
                        <i class="fa fa-calendar prefix grey-text"></i>
                        <label for="inputPlannedShippingDate">Geplanter
                            Liefertermin</label>
                        <input class="form-control" type="date" name="planned_shipping_date"
                               value="{{ "now"|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}"
                               id="inputPlannedShippingDate" required>
                    </div>

                    <div class="form-group">
                        <i class="fa fa-calendar prefix grey-text"></i>
                        <label for="inputWishShippingDate">Wunsch-Liefertermin</label>
                        <input class="form-control" type="date" name="wish_shipping_date"
                               value="{{ "now"|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}"
                               id="inputWishShippingDate" required>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputShipmentMode" class="form-control" name="shipment_mode"
                               value="{{ order.shipmentMode }}" maxlength="255">
                        <label for="inputShipmentMode">Versandart</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputShipmentTracking" class="form-control" name="shipment_tracking"
                               value="{{ order.shipmentTracking }}" maxlength="255">
                        <label for="inputShipmentTracking">Sendungsverfolgungsnummer</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputShipmentESDLoanBox" class="form-control"
                               name="shipment_esd_loan_box"
                               value="{{ order.shipmentESDLoanBox }}" maxlength="255">
                        <label for="inputShipmentESDLoanBox">Versand in ESD-Leihkartons</label>
                    </div>

                    <div class="form-group">
                        <i class="fa fa-gears prefix grey-text"></i>
                        <label for="selectSequence">Auftragsablauf</label>
                        <select class="form-control" name="sequence" id="selectSequence">
                            {% for sequence in sequences %}
                                <option value="{{ sequence.id }}">{{ sequence.name }}</option>
                            {% endfor %}
                        </select>
                    </div>

                    <div class="form-group">
                        <i class="fa fa-info prefix grey-text"></i>
                        <label for="selectLockState">Zustand des Auftrags</label>
                        <select class="form-control" name="lockState" id="selectLockState">
                            <option value="0" selected>Normal</option>
                            <option value="1">Gesperrt</option>
                            <option value="2">Abgeschlossen</option>
                        </select>
                    </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;"></textarea>
                    </div>

                    <div class="text-center">
                        <button href="" class="btn btn-primary" type="submit">Auftrag anlegen <i
                                    class="fa fa-plus-square ml-1"></i>
                        </button>

                        <a href="{{ path('orderList') }}" class="btn btn-grey">Abbrechen <i
                                    class="fa fa-remove ml-1"></i>
                        </a>
                    </div>
                </form>
                <!-- Form: create order -->
            </div>
            <!--./Second column-->

            <!-- Space -->
            <!--Third column-->
            <div class="col-lg-4">
            </div>
            <!--./Third column-->
        </div>
        <!--/.First row-->
        <!--First row-->
        <div class="row">
            <!-- Space -->
            <!--First column-->
            <div class="col-lg-12">
                <br>
                <p><strong>Hinweis:</strong> Der Auftrag beginnt mit dem zum Auftragsablauf zugeordneten Status, welcher
                    den
                    geringsten Rang besitzt.
                </p>
            </div>
            <!--./First column-->
        </div>
        <!--/.Second row-->
    </div>
{% endblock %}