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

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

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

	<div class="form-group">
		{{ form_label(form.diaConfirmado, 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.diaConfirmado, {'attr': {'class': 'flat'}}) }}
				<div class="invalid-feedback">
					{{ form_errors(form.diaConfirmado) }}
				</div>
			</div>
		</div>
	</div>

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

	<div class="form-group" style="border-bottom: 1px solid #ccc; padding:24px;">
		{{ form_label(form.urlVideo, 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.urlVideo, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
			<div class="invalid-feedback">
				{{ form_errors(form.urlVideo) }}
			</div>
			<small class="form-text text-muted">
				El video se mostrará en la sección "Agenda".
			</small>
		</div>
	</div>

	<div class="form-group" style="border-bottom: 1px solid #ccc; padding:24px;">
		{{ 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/eventos/' ~ 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'}}) }}
			<small class="form-text text-muted">
				La imagen se mostrará en la sección "Agenda" siempre que no haya un video cargado.
			</small>
			<div class="invalid-feedback">
				{{ form_errors(form.imagen) }}
			</div>
		</div>
	</div>

        <div class="form-group" style="border-bottom: 1px solid #ccc; padding:24px;">
		{{ form_label(form.imagenLogo, 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.nombreImagenLogo %}
				
				<div style="display:flex; gap:16px;">
					<div>
						<img src="{{ asset('uploads/images/eventos/' ~ entity.nombreImagenLogo) }}" alt="" width="200">
					</div>
					<div style="display:flex; justify-content:center; align-items:center;">
						<a href="{{ path('admin_evento_eliminar_logo', { id: entity.id }) }}" class="btn btn-danger btn-xs" data-toggle="confirmation" data-title="Realizar accion?" data-btn-ok-label="Si" data-btn-cancel-label="No">
							<i class="fa fa-remove"></i>
							Borrar
						</a>
					</div>
				</div>

				<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.imagenLogo, {'attr': {'class': 'form-control col-md-7 col-xs-12'}}) }}
			<small class="form-text text-muted">
				La imagen se mostrará como logo principal del evento reemplazando el de SPORTBIZ.
			</small>
			<div class="invalid-feedback">
				{{ form_errors(form.imagenLogo) }}
			</div>
		</div>
	</div>

	<div class="form-group">
		{{ form_label(form.idiomas, 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_label(form.idiomas[0]) }}
				{{ form_widget(form.idiomas[0], {'attr': {'class': 'flat'}}) }}
				
				{{ form_label(form.idiomas[1]) }}
				{{ form_widget(form.idiomas[1], {'attr': {'class': 'flat'}}) }}
				
				{{ form_label(form.idiomas[2]) }}
				{{ form_widget(form.idiomas[2], {'attr': {'class': 'flat'}}) }}
				
				{{ form_label(form.idiomas[3]) }}
				{{ form_widget(form.idiomas[3], {'attr': {'class': 'flat'}}) }}
				<div class="invalid-feedback">
					{{ form_errors(form.idiomas) }}
				</div>
				<small class="form-text text-muted">
					Seleccionar los idiomas que se mostraran al usuario además del Español (es).
				</small>
			</div>
		</div>
	</div>

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

	<div class="form-group">
		{{ 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>

	{# imagenes
		
		    asignar categorias, asignar empresas a las categorias
		
		    asignar speakers #}

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