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

                    <div class="md-form">
                        <i class="fa fa-user prefix grey-text"></i>
                        <input type="text" id="inputCustomerNumber" class="form-control" name="customer_number" required
                               pattern="[0-9]{5,10}"
                               oninvalid="this.setCustomValidity('Die Kundennummer entspricht nicht dem geforderten Format!')"
                               oninput="setCustomValidity('')"
                               autofocus>
                        <label for="inputCustomerNumber">Kundennummer</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-tag prefix grey-text"></i>
                        <input type="text" id="inputOrderNumber" class="form-control" name="customer_name" required
                               oninvalid="this.setCustomValidity('Bitte geben Sie einen Firmennamen ein!')"
                               oninput="setCustomValidity('')"
                               maxlength="255">
                        <label for="inputOrderNumber">Firmenname</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;"></textarea>
                    </div>

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

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

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