{% extends '@Core/base.html.twig' %}

{% block sectionTitle %}Perfil{% endblock %}

{% block breadcrumbLinks %}


    <li class="active">Perfil</li>

{% endblock %}
{% block content %}

    <div class="content">
        {% form_theme form 'bootstrap_3_layout.html.twig' %}

        {{ form_start(form) }}
        {{ form_errors(form) }}

        <div class="panel panel-flat">


            <div class="panel-body">

                {% for flash_message in app.session.flashBag.get('success') %}
                    <div class="alert alert-success alert-styled-left">
                        <span class="text-semibold">{{ flash_message }}</span>
                    </div>
                {% endfor %}

                {% if user %}
                    <div class="media">
                        <div class="media-left">
                            <a href="#" class="profile-thumb">
                                <img src="{{ user.getWebPath }}" class="img-circle" alt="">
                            </a>
                        </div>

                        {% for role in user.roles %}

                            {% if role == 'ROLE_USER' %}
                                <div class="media-body">
                                    <h1>{{ user.getName }} <small class="display-block">{{ user.getGroup.getName }} - [{{ user.username }}]</small></h1>
                                </div>
                            {% elseif role == 'ROLE_ADMIN'%}
                                <div class="media-body">
                                    <h1>{{ user.getName }}</h1>
                                    <h1>{{ user.getName }} <small class="display-block">{{ user.username }}</small></h1>
                                </div>
                            {% endif %}
                        {% endfor %}

                    </div>
                    <hr>
                {% endif %}

                <div class="form-group">

                    <div class="row">

                        <div class="col-md-6">
                            {{ form_row(form.group) }}
                            {{ form_row(form.name) }}
                            {{ form_row(form.address) }}
                            {{ form_row(form.typeProvince) }}
                        </div>

                        <div class="col-md-6">
                            {% if form.typeStatus is defined and form.typeStatus is not null %}
                                {{ form_row(form.typeStatus) }}
                            {% endif %}
                            {{ form_row(form.email) }}
                            {{ form_row(form.city) }}
                            {{ form_row(form.zip) }}
                            {{ form_row(form.phone) }}
                        </div>

                    </div>



                    {{ form_widget(form, {'form_type': 'userProfile'}) }}
                </div>

            </div>

            <div class="panel-footer">
                <div class="text-right">
                    {% if user.group %}
                        {% if user.group.groupConfiguration.sellersNeedToLogin and barcodeExisits %}
                            <a onclick="printIdentificationCard()" class="btn-rounded btn bg-pink-300"><i class="icon-credit-card position-left"></i>Imprimir tarjeta de acceso</a>
                        {% endif %}
                    {% endif %}
                    {% if  barcodeExisits == false %}
                        <a href="{{ path('change_password') }}" class="btn-rounded btn bg-pink-300"><i class="icon-credit-card position-left"></i>Debe cambiar la contraseña para imprimir tarjeta de acceso</a>
                    {% endif %}
                    <a href="{{ path('change_password') }}" class="btn-rounded btn btn-flat text-color3 border-color3"><i class="icon-key position-left"></i>Cambiar contraseña</a>
                    <button type="submit" class="btn-rounded btn bg-color3"><i class="icon-download position-left"></i>Guardar</button>
                </div>
            </div>

        </div>


        {{ form_end(form) }}
    </div>

<script>
    function printIdentificationCard(){
        var userId = '{{ user.id }}';
        var url = Routing.generate('print_identification_card_user', {'id' : userId });

        $.get(url, function(result){

            var myWindow = window.open();

            if(!myWindow || myWindow.closed || typeof myWindow.closed=='undefined') {
                swal(
                    'OPPS!',
                    'Su navegador tiene las ventanas emergentes bloquedas. ' +
                    'Pulse en la i rodeada de un círculo en la barra de navegación de su navegador. ' +
                    'En el desplegable que le saldrá pulse sobre "Confuración del sitio web". ' +
                    'En la nueva ventana que se le abrira busque "Ventanas emergentes y redirecciones". ' +
                    'En el selector a su derecha selecciones "Permitir".',
                    'warning'
                );
            } else {
                myWindow.document.open('text/plain');
                myWindow.document.writeln(result);
                myWindow.document.close();

                location.reload();
            }
        }).fail(function(xhr, status, error){
            console.log(xhr.responseText);
        });
    }
</script>

{% endblock%}