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

{% block title %}TecdesignAdminBundle:Customer: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 user -->
                <form method="post" action="{{ path('userEdit', {'id': user.id}) }}">
                    <p class="h5 text-center mb-4">Benutzer "{{ user.email }}" bearbeiten</p>
                    <br>

                    <div class="form-group">
                        <i class="fa fa-child prefix grey-text"></i>
                        <label for="selectFlagstate">Benutzerstatus *</label>
                        <select class="form-control" name="flagstate" id="selectFlagstate">
                            <option value="0" {% if user.flagstate == 0 %}selected="selected"{% endif %}>Nicht
                                freigeschaltet
                            </option>
                            <option value="1" {% if user.flagstate == 1 %}selected="selected"{% endif %}>Aktiv</option>
                            <option value="99" {% if user.flagstate == 99 %}selected="selected"{% endif %}>Gesperrt
                            </option>
                        </select>
                    </div>
                    <div class="form-group">
                        <i class="fa fa-child prefix grey-text"></i>
                        <label for="selectGender">Anrede *</label>
                        <select class="form-control" name="gender" id="selectGender">
                            <option value="m" {% if user.gender == 'm' %}selected="selected"{% endif %}>Herr</option>
                            <option value="w" {% if user.gender == 'w' %}selected="selected"{% endif %}>Frau</option>
                        </select>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-user prefix grey-text"></i>
                        <input type="text" id="inputUserFirstName" class="form-control" value="{{ user.firstname }}"
                               name="firstname" required
                               pattern=".{1,}" value="{{ app.request.get('firstname') }}"
                               oninvalid="this.setCustomValidity('Bitte geben Sie Ihren Vornamen ein!')"
                               oninput="setCustomValidity('')">
                        <label for="inputUserFirstName">Vorname *</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-user prefix grey-text"></i>
                        <input type="text" id="inputUserLastName" class="form-control" value="{{ user.lastname }}"
                               name="lastname" required
                               pattern=".{1,}" value="{{ app.request.get('lastname') }}"
                               oninvalid="this.setCustomValidity('Bitte geben Sie Ihren Nachnamen ein!')"
                               oninput="setCustomValidity('')">
                        <label for="inputUserLastName">Nachname *</label>
                    </div>

                    <div class="md-form">
                        <i class="fa fa-envelope prefix grey-text"></i>
                        <input type="email" id="inputUserMail" class="form-control" value="{{ user.email }}"
                               name="email" required
                               oninvalid="this.setCustomValidity('Bitte geben Sie eine gültige E-Mail Adresse ein!')"
                               oninput="setCustomValidity('')">
                        <label for="inputUserMail">E-Mail Adresse *</label>
                    </div>

                    <div class="form-group">
                        <i class="fa fa-exchange prefix grey-text"></i>
                        <label for="checkboxMailNotifications">E-Mail Benachrichtigungen bei...</label><br>
                        <input type="checkbox" name="notificationStatusChanged"
                               value="1" {% if  user.notificationStatusChanged %}
                            checked="checked"{% endif %}> Statusänderungen
                        <br/>
                        <input type="checkbox" name="notificationShippingDateChanged"
                               value="1" {% if  user.notificationShippingDateChanged %}
                            checked="checked"{% endif %}> Lieferterminänderungen
                        <br/>
                        <input type="checkbox" name="notificationOrderShipment"
                               value="1" {% if  user.notificationOrderShipment %}
                            checked="checked"{% endif %}> Versand von Produkten
                        <br/>
                        <input type="checkbox" name="notificationOrderFinished"
                               value="1" {% if  user.notificationOrderFinished %}
                            checked="checked"{% endif %}> Auftragsabschluss
                        <br/>
                        <input type="checkbox" name="notificationSurvey"
                               value="1" {% if  user.notificationSurvey %}
                            checked="checked"{% endif %}> Kundenumfragen
                        <br/>
                    </div>


                    <div class="form-group">
                        <i class="fa fa-user prefix grey-text"></i>

                        <label>Berechtigungen *</label>
                        <br>
                        <input name="role_admin" value="1" type="checkbox"
                               {% if user.checkRole('ROLE_ADMIN') %}checked="checked"{% endif %}> Administrator<br>
                        <input name="role_employee" value="1" type="checkbox"
                               {% if user.checkRole('ROLE_EMPLOYEE') %}checked="checked"{% endif %}> Mitarbeiter<br>
                    </div>


                    <div class="form-group">
                        <i class="fa fa-user prefix grey-text"></i>

                        <label for="selectCustomer">Kunde *</label>
                        <select name="customer" class="form-control">
                            {% for customer in customers %}
                                <option value="{{ customer.id }}"
                                        {% if user.customer.id is defined and customer.id == user.customer.id %}selected="selected"{% endif %}> {{ customer.customerNumber }}
                                    ({{ customer.name }})
                                </option>
                            {% endfor %}
                        </select>

                        {% if user.customer.id is not defined %}
                            <span style="color:#ff0000;"><span style="font-weight: bold;">Achtung:</span> Es wurde noch kein Kunde zugeordnet!</span>
                        {% endif %}
                    </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('userList') }}" class="btn btn-grey">Änderungen verwerfen <i
                                    class="fa fa-remove ml-1"></i>
                        </a>
                    </div>
                </form>
                <!-- Form: edit user -->
            </div>
            <!--./Second column-->

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