{% 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="wrapper-tabs" role="tabpanel" data-example-id="togglable-tabs">
      <ul id="myTab" 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="myTabContent" 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.textoEs, 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.textoEs, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
              <div class="invalid-feedback">
                {{ form_errors(form.textoEs) }}
              </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.textoEn, 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.textoEn, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
              <div class="invalid-feedback">
                {{ form_errors(form.textoEn) }}
              </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.textoPt, 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.textoPt, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
              <div class="invalid-feedback">
                {{ form_errors(form.textoPt) }}
              </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.textoFr, 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.textoFr, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
              <div class="invalid-feedback">
                {{ form_errors(form.textoFr) }}
              </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.textoCa, 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.textoCa, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
              <div class="invalid-feedback">
                {{ form_errors(form.textoCa) }}
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>

    <div class="form-group">
      {{ form_label(form.direccion, 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.direccion, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
        <div class="invalid-feedback">
          {{ form_errors(form.direccion) }}
        </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.estado, 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.estado, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
        <div class="invalid-feedback">
          {{ form_errors(form.estado) }}
        </div>
      </div>
    </div>

    <div class="form-group">
      {{ form_label(form.urlWebGoogleMaps, 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.urlWebGoogleMaps, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
        <div class="invalid-feedback">
          {{ form_errors(form.urlWebGoogleMaps) }}
        </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/sedes/' ~ 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="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="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_sedes_list') }}" class="btn btn-primary">Volver al listado</a>
        <button type="submit" class="btn btn-success">Guardar</button>
      </div>
    </div>
  {{ form_end(form) }}
{% endblock %}