{% extends 'rgpd/base.html.twig' %}

{% block title %}
    Información al cliente
{% endblock %}

{% block stylesheets %}
{% endblock %}


{% block body %}
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="{{ asset('css/rgpd/hoja_1.css') }}">
    <div class="row">
        <div class="col-xs-12">
            <img class="vertical-align-top" src='{{ datosEmpresa.logoBase64 }}' alt='logo' height='80'>
        </div>
        <div class="col-xs-12 text-center">
            <h3>INFORMACIÓN AL CLIENTE</h3>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <p class="text-right">{{ datosEmpresa.localidad }}, {{ fecha }}</p>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            {# datos usuario o colaborador según perfil #}
            {% if perfilUsuario == 1 %}
                {{ include('rgpd/fragments/datos_usuario.html.twig') }}
            {%  else %}
                {{ include('rgpd/fragments/datos_colaborador.html.twig') }}
            {%  endif %}
        </div>
    </div>

    {% if predeterminadoDocInfo == true %}
        [PREDETERMINADO_DOC_INFO]
    {% else %}
        [RGPD_DOC_INFO]
    {% endif %}

    <div class="row">
        <div class="col-md-12 text-center">
            {% if datosEmpresa.existeFirma and not html %}
                <p>Y para que conste, en el lugar y fecha al principio consignados.</p>
                <img src="{{ datosEmpresa.firma }}" alt="Firma correduría"/>
                <p><u>{{ datosEmpresa.nombre }}</u></p>
            {%  else %}
                <div class="height-150"></div>
            {%  endif %}
            {% if firma %}
                <div class="text-center">
                    <img src="{{ firma }}" class="firmaCliente" alt="Firma"/>
                </div>
                <div class="text-center">Fdo. El Cliente</div>
            {% endif %}
        </div>
    </div>
{% endblock %}