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

{% block body %}

<div class="wrapper wrapper-content animated fadeInRight ecommerce">
    <div class="row ">
        <div class="wrapper wrapper-content"  >
            <div class="ibox-content m-b-sm border-bottom">
                <div class="p-xs">
                    <div class="pull-left m-r-md">
                        <i class="fa fa-cogs text-navy mid-icon" style="color:#024071"></i>
                    </div>
                    <h2> Gestion des Collaborateurs</h2>
                    <span>Liste des collaborateurs / Nouveau collaborateur</span>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
        <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h3><center><strong> Nouveau Collaborateur </strong></center></h3>
        </div>
        <div class="ibox-content">

            {{ form_start(form , {'method': 'post', 'action': path('backend_registration'), 'attr': {'class': 'form-horizontal' }}) }}
            <h3>Coordonnées Collaborateur </h3>
            <div class="hr-line-dashed"></div>
            <div class="form-group required">
                <label class="col-sm-2 control-label" for="nomcollabo">Nom & Prénom</label>
                <div class="col-sm-10">

                    {{ form_widget(form.nomcollabo , {'attr':{'class':'form-control','placeholder': 'Nom & Prénom' }}) }}
                    {{ form_errors(form.nomcollabo) }}

                </div>
            </div>
            <div class="form-group required">
                <label class="col-sm-2 control-label" for="Zn_id">Zone(s) </label>
                <div class="col-sm-10">

                    {#<select name="Zn_id" id="Zn_id" class="form-control" multiple>#}
                    {#<option value="">-- Sélectionnez une ou plusieurs zone(s) --</option>#}
                    {#{% for   z in zones  %}#}
                    {#<option value="{{ z.cbmarq }}">{{ z.intitule }}</option>#}
                    {#{% endfor %}#}
                    {#</select>#}
                    {{ form_widget(form.zones,{'attr':{'class':'form-control  chosen-select','placeholder': '-- Sélectionnez une ou plusieurs zone(s) -- ' }}) }}
                    {{ form_errors(form.zones) }}
                </div>
            </div>
            <div class="form-group required ">
                <label class="col-sm-2 control-label" for="telephone">Téléphone</label>
                <div class="col-sm-10">

                    {{ form_widget(form.telephone , {'attr':{'class':'form-control','placeholder': 'Téléphone' }}) }}
                    {{ form_errors(form.telephone) }}

                </div>
            </div>
            <div class="form-group required">
                <label class="col-sm-2 control-label" >Adresse</label>
                <div class="col-sm-10">
                    {{ form_widget(form.adresse , {'attr':{'class':'form-control ','placeholder': 'Adresse' }}) }}
                    {{ form_errors(form.adresse) }}
                </div>
            </div>
            <div class="form-group required">
                <label class="col-sm-2 control-label" >Logo</label>
                <div class="col-sm-10">
                    {{ form_widget(form.logo , {'attr':{'class':'form-control '}}) }}
                    {{ form_errors(form.logo) }}
                </div>
            </div>

            <h3>Services</h3>
            <div class="hr-line-dashed"></div>
            <div class="form-group">
                    <label class="col-sm-2 control-label" >Service(s)</label>

                    <div class="col-sm-10">
                        {{ form_widget(form.rols,{'attr':{'class':'form-control chosen-select','placeholder': '-- Sélectionnez un ou plusieurs services -- ' }}) }}
                        {{ form_errors(form.rols) }}
                </div>
            </div>
            <h3>Info Compte</h3>
            <div class="hr-line-dashed"></div>

            <div class="form-group">
                <label class="col-sm-2 control-label"  >Email</label>
                <div class="col-sm-10">
                    {{ form_widget(form.email , {'attr':{'class':'form-control','placeholder': 'Adresse E-mail' }}) }}
                    {{ form_errors(form.email) }}
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">Nom Utilisateur</label>
                <div class="col-sm-10">
                    {{ form_widget(form.username , {'attr':{'class':'form-control','placeholder': "Nom d'utilisateur" }}) }}
                    {{ form_errors(form.username) }}
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label" >Mot de passe </label>
                <div class="col-sm-10">
                    {{ form_errors(form.plainPassword.first) }}
                    {{ form_widget(form.plainPassword.first,{'attr':{'class':'form-control','placeholder': 'Mot de passe' }}) }}
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label " >Confirmation </label>
                <div class="col-sm-10">
                    {{ form_errors(form.plainPassword.second) }}
                    {{ form_widget(form.plainPassword.second,{'attr':{'class':'form-control','placeholder': 'Confirmation mot de passe' }}) }}
                </div>
            </div>
            <div class="hr-line-dashed"></div>

            <div class="form-group">
                    <div class="col-lg-offset-2 col-lg-10 text-right">
                        <input type="reset" value="Annuler" class="btn btn-default">
                        <input type="submit" value="S'inscrire" class="btn btn-primary">
                    </div>
                </div>
            {{ form_rest(form) }}
          {{ form_end(form) }}
        </div>
    </div>
        </div>
    </div>



    </div>

{% endblock %}
 {##}