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

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

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

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

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

          <div class="form-group">
            {{ form_label(form.descCa, 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.descCa, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
                <div class="invalid-feedback">
                  {{ form_errors(form.descCa) }}
                </div>
              </div>
            </div>
          </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 bloque is not null and bloque.nombreImagen %}
            <img src="{{ asset('uploads/images/bloques/' ~ bloque.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_evento_resumen_show', { id: entity.id, resumenId: entity.resumen.id }) }}" class="btn btn-primary">
          Volver al listado
        </a>
        <button type="submit" class="btn btn-success">Guardar</button>
      </div>
    </div>
  {{ form_end(form) }}
{% endblock %}