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

{% block title %}Generales{% endblock %}

{% block fields %}
  {{ form_start(form, {
    'attr': {
    'novalidate': 'novalidate',
    'class': 'form-horizontal form-label-left'
    }}) }}

    <div class="form-group">
      {{ form_label(form.nombre, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
      <div class="col-md-6 col-sm-6 col-xs-12">
        {{ form_widget(form.nombre, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
        <div class="invalid-feedback">
          {{ form_errors(form.nombre) }}
        </div>
      </div>
    </div>

    <div class="form-group">
      {{ form_label(form.apellido, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
      <div class="col-md-6 col-sm-6 col-xs-12">
        {{ form_widget(form.apellido, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
        <div class="invalid-feedback">
          {{ form_errors(form.apellido) }}
        </div>
      </div>
    </div>

    <div class="form-group">
      {{ form_label(form.pais, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
      <div class="col-md-6 col-sm-6 col-xs-12">
        {{ form_widget(form.pais, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
        <div class="invalid-feedback">
          {{ form_errors(form.pais) }}
        </div>
      </div>
    </div>

    <div class="form-group">
      {{ form_label(form.empresa, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
      <div class="col-md-6 col-sm-6 col-xs-12">
        {{ form_widget(form.empresa, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
        <div class="invalid-feedback">
          {{ form_errors(form.empresa) }}
        </div>
      </div>
    </div>


    <div class="wrapper-tabs" role="tabpanel" data-example-id="togglable-tabs">
      <ul id="profesion-tabs" class="nav nav-tabs bar_tabs" role="tablist">
        <li role="presentation" class="active"><a href="#tab_content1" role="tab" id="es-tab" data-toggle="tab" aria-expanded="false">Español (es)</a></li>
        <li role="presentation" class=""><a href="#tab_content2" role="tab" id="en-tab" data-toggle="tab" aria-expanded="false">Inglés (en)</a></li>
        <li role="presentation" class=""><a href="#tab_content3" role="tab" id="pt-tab" data-toggle="tab" aria-expanded="false">Portugués (pt)</a></li>
        <li role="presentation" class=""><a href="#tab_content4" role="tab" id="fr-tab" data-toggle="tab" aria-expanded="false">Francés (fr)</a></li>
        <li role="presentation" class=""><a href="#tab_content5" role="tab" id="ca-tab" data-toggle="tab" aria-expanded="false">Catalán (ca)</a></li>
      </ul>
      <div id="profesion-content" class="tab-content">
          <div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="es-tab">
            <div class="form-group">
              {{ form_label(form.profesionEs, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
              <div class="col-md-6 col-sm-6 col-xs-12">
                {{ form_widget(form.profesionEs, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
                <div class="invalid-feedback">
                  {{ form_errors(form.profesionEs) }}
                </div>
              </div>
            </div> 
          </div>

          <div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="en-tab">
            <div class="form-group">
              {{ form_label(form.profesionEn, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
              <div class="col-md-6 col-sm-6 col-xs-12">
                {{ form_widget(form.profesionEn, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
                <div class="invalid-feedback">
                  {{ form_errors(form.profesionEn) }}
                </div>
              </div>
            </div>
          </div>

          <div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="pt-tab">
            <div class="form-group">
              {{ form_label(form.profesionPt, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
              <div class="col-md-6 col-sm-6 col-xs-12">
                {{ form_widget(form.profesionPt, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
                <div class="invalid-feedback">
                  {{ form_errors(form.profesionPt) }}
                </div>
              </div>
            </div>
          </div>

          <div role="tabpanel" class="tab-pane fade" id="tab_content4" aria-labelledby="fr-tab">
            <div class="form-group">
              {{ form_label(form.profesionFr, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
              <div class="col-md-6 col-sm-6 col-xs-12">
                {{ form_widget(form.profesionFr, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
                <div class="invalid-feedback">
                  {{ form_errors(form.profesionFr) }}
                </div>
              </div>
            </div>
          </div>

          <div role="tabpanel" class="tab-pane fade" id="tab_content5" aria-labelledby="ca-tab">
            <div class="form-group">
              {{ form_label(form.profesionCa, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
              <div class="col-md-6 col-sm-6 col-xs-12">
                {{ form_widget(form.profesionCa, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
                <div class="invalid-feedback">
                  {{ form_errors(form.profesionCa) }}
                </div>
              </div>
            </div>
          </div>
      </div>
    </div>

    <div class="wrapper-tabs" role="tabpanel" data-example-id="togglable-tabs">
      <ul id="trayectoria-tabs" class="nav nav-tabs bar_tabs" role="tablist">
        <li role="presentation" class="active"><a href="#tab_content6" role="tab" id="es-tab" data-toggle="tab" aria-expanded="false">Español (es)</a></li>
        <li role="presentation" class=""><a href="#tab_content7" role="tab" id="en-tab" data-toggle="tab" aria-expanded="false">Inglés (en)</a></li>
        <li role="presentation" class=""><a href="#tab_content8" role="tab" id="pt-tab" data-toggle="tab" aria-expanded="false">Portugués (pt)</a></li>
        <li role="presentation" class=""><a href="#tab_content9" role="tab" id="fr-tab" data-toggle="tab" aria-expanded="false">Francés (fr)</a></li>
        <li role="presentation" class=""><a href="#tab_content10" role="tab" id="ca-tab" data-toggle="tab" aria-expanded="false">Catalán (ca)</a></li>
      </ul>
      <div id="trayectoria-content" class="tab-content">
          <div role="tabpanel" class="tab-pane fade active in" id="tab_content6" aria-labelledby="es-tab">
            <div class="form-group">
              {{ form_label(form.trayectoriaEs, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
              <div class="col-md-6 col-sm-6 col-xs-12">
                {{ form_widget(form.trayectoriaEs, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
                <div class="invalid-feedback">
                  {{ form_errors(form.trayectoriaEs) }}
                </div>
              </div>
            </div> 
          </div>

          <div role="tabpanel" class="tab-pane fade" id="tab_content7" aria-labelledby="en-tab">
            <div class="form-group">
              {{ form_label(form.trayectoriaEn, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
              <div class="col-md-6 col-sm-6 col-xs-12">
                {{ form_widget(form.trayectoriaEn, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
                <div class="invalid-feedback">
                  {{ form_errors(form.trayectoriaEn) }}
                </div>
              </div>
            </div>
          </div>

          <div role="tabpanel" class="tab-pane fade" id="tab_content8" aria-labelledby="pt-tab">
            <div class="form-group">
              {{ form_label(form.trayectoriaPt, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
              <div class="col-md-6 col-sm-6 col-xs-12">
                {{ form_widget(form.trayectoriaPt, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
                <div class="invalid-feedback">
                  {{ form_errors(form.trayectoriaPt) }}
                </div>
              </div>
            </div>
          </div>

          <div role="tabpanel" class="tab-pane fade" id="tab_content9" aria-labelledby="fr-tab">
            <div class="form-group">
              {{ form_label(form.trayectoriaFr, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
              <div class="col-md-6 col-sm-6 col-xs-12">
                {{ form_widget(form.trayectoriaFr, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
                <div class="invalid-feedback">
                  {{ form_errors(form.trayectoriaFr) }}
                </div>
              </div>
            </div>
          </div>

          <div role="tabpanel" class="tab-pane fade" id="tab_content10" aria-labelledby="ca-tab">
            <div class="form-group">
              {{ form_label(form.trayectoriaCa, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
              <div class="col-md-6 col-sm-6 col-xs-12">
                {{ form_widget(form.trayectoriaCa, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
                <div class="invalid-feedback">
                  {{ form_errors(form.trayectoriaCa) }}
                </div>
              </div>
            </div>
          </div>
      </div>
    </div>

    <div class="form-group">
      {{ form_label(form.urlTwitter, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
      <div class="col-md-6 col-sm-6 col-xs-12">
        {{ form_widget(form.urlTwitter, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
        <div class="invalid-feedback">
          {{ form_errors(form.urlTwitter) }}
        </div>
      </div>
    </div>

    <div class="form-group">
      {{ form_label(form.urlLinkedin, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
      <div class="col-md-6 col-sm-6 col-xs-12">
        {{ form_widget(form.urlLinkedin, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
        <div class="invalid-feedback">
          {{ form_errors(form.urlLinkedin) }}
        </div>
      </div>
    </div>

    <div class="form-group" 
      {% if not is_granted('ROLE_SUPER_ADMIN') and entity and entity.activo %}
        style="display:none;"
      {% endif %}
    >
      {{ form_label(form.activo, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
      <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="checkbox">
          {{ form_widget(form.activo, {'attr': {'class': 'flat'}}) }}
          <div class="invalid-feedback">
            {{ form_errors(form.activo) }}
          </div>
        </div>
      </div>
    </div>

    <div class="form-group">
      {{ form_label(form.imagen, null, {'label_attr': {'class': 'control-label col-md-3 col-sm-3 col-xs-12'}}) }}
      <div class="col-md-6 col-sm-6 col-xs-12">
          {% if entity is not null and entity.nombreImagen %}
            <img src="{{ asset('uploads/images/personas/' ~ entity.nombreImagen) }}" alt="" width="200">
            <br><br>
            <div class="alert alert-info alert-dismissible fade in" role="alert">
              <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
              Si desea cambiar la imagen actual, seleccione una nueva para reemplazarla.
            </div>
          {% endif %}

          {{ form_widget(form.imagen, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
          <div class="invalid-feedback">
            {{ form_errors(form.imagen) }}
          </div>
      </div>
    </div>

    <div class="ln_solid"></div>

    <div class="form-group">
      <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
        <a href="{{ path('admin_personas_list') }}" class="btn btn-primary">Volver al listado</a>
        <button type="submit" class="btn btn-success">Guardar</button>
      </div>
    </div>
  {{ form_end(form) }}
{% endblock %}