{% extends 'admin.html.twig' %}

{% block title %}{{ 'users.type.title1' | trans }}{% endblock %}
{% block stylesheets %}
    {{ parent() }}

    <style>
        .error{
            color: red;
        }
    </style>
{% endblock %}

{% block body %}
    <div class="content" id="content"><!-- PAGE HEADING -->
        <div class="page-heading">
            <div class="page-heading__container">
                <div class="icon"><span class="li-expand4"></span></div>
                <h1 class="title">{{ 'users.type.title4' | trans }}</h1>
            </div>
            <nav aria-label="breadcrumb" role="navigation">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="">
                            {% if role == 'admin' %}
                                {{ 'adminMenu.title1.admin' |trans }}
                            {% elseif role=='be' %}
                                {{ 'adminMenu.title1.be' |trans }}
                            {% elseif role == 'super' %}
                                {{ 'adminMenu.title1.super' |trans }}
                            {% else %}
                                {{ 'adminMenu.title1.adh' |trans }}
                            {% endif %}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ path('users_index', {'role': role}) }}">{{ 'users.type.title3' | trans }}</a></li>
                    <li class="breadcrumb-item active">{{ 'articleAdherent.addPage.title2' | trans }}</li>
                </ol>
            </nav>
        </div><!-- //END PAGE HEADING -->
        <div class="container-fluid">
            <div class="card loaded" id="dt-ext-class">
                <div class="card-container">
                </div>
                <div class="card-body">
                    {#  <h4 id="rw-dt-class">Ajout page</h4>#}
                    <p class="subtitle margin-top-30"></p>

                    {{ form_start(form,{'attr': {'role':'form','id': 'pageForm'}}) }}

                    <div class="form-row">
                        <div class="col-2">
                            <label>{{ 'users.type.title10' | trans }}</label>
                        </div>
                        <div class="col-10">
                            <div class="form-control-element form-control-element--right">
                                {{ form_widget(form.type, { 'attr': {'class': 'form-control', 'placeholder':  'type','name':'type','id':'type'} }) }}
                            </div>
                            <span class="error">{{ form_errors(form.type) }}</span>
                        </div>
                    </div>
                    <p class="subtitle margin-top-20"></p>
                    <div class="form-row">
                        <div class="col-2">
                            <label>{{ 'users.type.title6' | trans }}</label>
                        </div>
                        <div class="col-10">
                            <div class="form-control-element form-control-element--right">
                                {{ form_widget(form.name, { 'attr': {'class': 'form-control', 'placeholder': 'users.type.title17' | trans,'name':'name','id':'name','required':'true'} }) }}
                            </div>
                            <span class="error">{{ form_errors(form.name) }}</span>
                        </div>
                    </div>
                    <p class="subtitle margin-top-20"></p>
                    <div class="form-row">
                        <div class="col-2">
                            <label>{{ 'users.type.title7' | trans }}</label>
                        </div>
                        <div class="col-10">
                            <div class="form-control-element form-control-element--right">
                                {{ form_widget(form.surname, { 'attr': {'class': 'form-control', 'placeholder': 'users.type.title18' | trans,'name':'surname','id':'surname','required':'true'} }) }}
                            </div>
                            <span class="error">{{ form_errors(form.surname) }}</span>
                        </div>
                    </div>
                    <p class="subtitle margin-top-20"></p>
                    <div class="form-row">
                        <div class="col-2">
                            <label>{{ 'users.type.title8' | trans }}</label>
                        </div>
                        <div class="col-10">
                            <div class="form-control-element form-control-element--right">
                                {{ form_widget(form.organisation, { 'attr': {'class': 'form-control', 'placeholder': 'users.type.title19' | trans,'name':'organisation','id':'organisation','required':'true'} }) }}
                            </div>
                            <span class="error">{{ form_errors(form.organisation) }}</span>
                        </div>
                    </div>
                    <p class="subtitle margin-top-20"></p>
                    <div class="form-row">
                        <div class="col-2">
                            <label>{{ 'users.type.title9' | trans }}</label>
                        </div>
                        <div class="col-10">
                            <div class="form-control-element form-control-element--right">
                                {{ form_widget(form.email, { 'attr': {'class': 'form-control', 'placeholder': 'users.type.title20' | trans,'name':'email','id':'email','required':'true'} }) }}
                            </div>
                            <span class="error">{{ form_errors(form.email) }}</span>
                        </div>
                    </div>
                    <p class="subtitle margin-top-20"></p>
                    <div class="form-row">
                        <div class="col-6">
                        </div>
                        <div class="col-6">
                            <div class="pull-right">
                                <button class="btn btn-white" type="button" onclick="javascript:history.back();">{{ 'articleAdherent.delete.title1' | trans }}</button>
                                <input class="btn btn-primary" type="submit" value="{{ 'articleAdherent.addPage.title8' |trans }}" id="btn"/>
                            </div>
                        </div>
                    </div>
                    {{ form_end(form) }}

                </div>
            </div>
        </div>

    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    {% block javascriptPage %}
        <script type="text/javascript" src="{{ asset('js/vendors/ckeditor/ckeditor.js') }}"></script>
        <script type="text/javascript" src="{{ asset('js/vendors/ckeditor/jquery-validation.js') }}"></script>

        <script>


            $(document).ready(function() {
                var requiredMsg = "{{ 'articleAdherent.addPage.title9'|trans }}";

                $('#pageForm').validate({
                    ignore: [],
                    rules: {
                        'type_users_form[type]':{required:true},
                        'type_users_form[name]':{required:true},
                        'type_users_form[surname]':{required:true},
                        'type_users_form[organisation]':{required:true},
                        'type_users_form[email]':{required:true},
                    },
                    messages: {
                        'type_users_form[type]':  {required:requiredMsg},
                        'type_users_form[name]':{required:requiredMsg},
                        'type_users_form[surname]':{required:requiredMsg},
                        'type_users_form[organisation]':{required:requiredMsg},
                        'type_users_form[email]':{required:requiredMsg},
                    },
                });
            });

        </script>
    {% endblock %}
    {% include '@BackBundle/TypeUsers/bibliotheque/assets.html.twig' %}
{% endblock %}