{% extends "::base.html.twig" %}

{% block title 'Registar' %}

{% block stylesheets %}
    <link href="{{ asset('bundles/app/dist/easyautocomplete/easy-autocomplete.min.css') }}" rel="stylesheet"/>
{% endblock %}
    
{% block bodyclass 'login-page' %}

{% block body %}
    <div style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url('{{ asset('bundles/app/images/login.jpg') }}') no-repeat center center fixed;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;">
        <div class="login-box"
             style="background-color: rgba(255,255,255,0.8); margin: 0 0;position: absolute;top: 50%;left: 50%;  transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);">

            <div class="login-logo">
                <a href="{{ path('app_homepage') }}" style="color: #3e3e3e;"><b>Atendimiento Hábitos</b> </a>
            </div><!-- /.login-logo -->
            <div class="login-box-body" style="background-color: rgba(255,255,255,0.0);">

                {{ form_start(form) }}
                <div class="row">
                    <div class="col-md-12">
                        {{ form_label(form.email,'Email / Usuario') }}
                        {{ form_widget(form.email,{'attr':{'class':'form-control'} }) }}
                    </div>
                    <div class="col-md-12">
                        {{ form_label(form.nombre,'Nombre y apellido completos') }}
                        {{ form_widget(form.nombre,{'attr':{'class':'form-control'} }) }}
                    </div>
                    <div class="col-md-12">
                        <div class="well we well-sm bg-aqua-active"
                             style="margin-top: 10px; margin-bottom: 5px; text-align: center;">
                            Sede
                        </div>
                    </div>
                    <div class="col-md-12">
                        {{ form_label(form.sedeT, 'Nombre') }}
                        {{ form_widget(form.sedeT, {'attr':{'class':'form-control', 'placeholder':'Nombre sede'}, 'required':true }) }}
                    </div>
                    <div class="col-md-12">
                        {{ form_label(form.ciudad, 'Ciudad') }}
                        {{ form_widget(form.ciudad, {'attr':{'class':'form-control', 'placeholder':'Ciudad de la sede'}, 'required':true }) }}
                    </div>
                    <div class="col-md-12">
                        {{ form_label(form.pais, 'País') }}
                        {{ form_widget(form.pais, {'attr':{'class':'form-control', 'placeholder':'País de la sede'}, 'required':true }) }}
                    </div>
                </div>
                {{ form_end(form) }}


            </div><!-- /.login-box-body -->

        </div><!-- /.login-box -->

        <div class="container">
            {{ include ('AppBundle:Default:includes/flashMessages.html.twig') }}
        </div>


    </div>
{% endblock %}
 
{% block javascripts %}

{% endblock %}