@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('image-picker/image-picker.css') }}
<style type="text/css">
	.image_picker_image {
		height: 260px !important; width: 200px !important;
	}
	.caption {
		text-align: center;
	}
	.caption h3 {
		font-weight: bold;
	}
	.caption button{
		display: inline-block;
		width: 135px;
		margin-bottom: 3px;
	}
	.caption a{
		display: inline-block;
		width: 135px;
		margin-bottom: 3px;
	}
	.activo{
		background-color: #efefef;
		border: 3px solid #5cb85c !important;
	}
	.modal-body {
		padding-bottom: 5px;
	}
	.mdAvatar .modal-dialog .modal-content .modal-header{ background-color: #363B3F; }
</style>
@stop

@section('Contenido')
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-window-maximize"></i> Ventanas emergentes </h2>
	</div><!--/col-md-12-->
</div><!--/row-->

<div class="row">
	<div class="col-md-12">
		@if (Session::has('message'))
		<div class="alert alert-info">{{ Session::get('message') }}</div>
		@endif
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Crear nueva ventana emergente </h3> </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => 'SysWebVEmergentesVentanasEmergentesAgregar', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmAgregar', 'files' => true)) }}
					<div class="margin-updown">
						<div class="row">
							@foreach($VentanasEmergentes as $VentanasEmergente)
								<div class="col-sm-4 col-md-3">
									<div class="thumbnail" style="margin-bottom: 20px; border: 2px solid #363B3F; background-color: #f2f2f2;">
										<div class="caption">
											<h3 style="height: 70px;"> {{$VentanasEmergente->nombre }} </h3>
										</div>
										<img src="{{ asset('SysWeb/PaginasAterrizaje/VentanasEmergentes/'.$VentanasEmergente->imagen) }}" class="thumbnail" style="border: 3px solid #ddd;">
										<div class="caption">
											<button type="button" class="btn btn-success btnSelectionV tooltips" data-idV="{{ $VentanasEmergente->id }}" id="btnSelectionP" data-toggle="tooltip" data-original-title="Seleccionar" data-nombre="{{ $VentanasEmergente->nombre }}">
												<!--Seleccionar-->
												<i class="fa fa-check"></i>
											</button>
											<a href="{{ $VentanasEmergente->ruta }}" class="btn btn-primary tooltips @if($VentanasEmergente->ruta == '') disabled @endif" target="_blank" id="btnVisualP" data-toggle="tooltip" data-original-title="Previsualizar">
												<!--Previsualizar-->
												<i class="fa fa-eye"></i>
											</a>
										</div>
									</div>	
								</div>
							@endforeach
						</div>
					</div>
										<input type="hidden" name="modulo" value="PC">
									{{ Form::close() }}
		</div>
	</div>
</div><!--/row end-->
@stop

@section('JS')
{{ HTML::script('image-picker/image-picker.min.js') }}
@stop

@section('JSOr')
$("select").imagepicker({ hide_select : true, show_label  : true });
$(".btnSelectionV").click(function(){
	var titulo = $(this).attr("data-nombre");
	var id = $(this).attr("data-idV");
	var modulo = $('[name="modulo"]').val();
	var mensaje = '<form action="#" id="frmVentanaEmergente"> \
		<div class="form-group"> \
			<label> ¿Qué nombre deseas asignarle a tu ventana emergente? </label> \
			<input type="text" class="form-control" placeholder="Nombre de la ventana emergente" name="nombre"></input> \
			<span class="text-danger" id="errnombre"> </span> \
		</div> \
		<input type="hidden" name="ventana_emergente" value="'+id+'"> \
		<input type="hidden" name="modulo" value="'+modulo+'"> \
	</form>';
	BootstrapDialog.show({
		cssClass: "mdAvatar",
		title: titulo,
		message: mensaje,
		draggable: true,
		closeByBackdrop: false,
		buttons: [{
			id: "btnAgregarV",
			label: "Agregar",
			cssClass: "btn-success btn-lg btn-block",
			action: function(dialogItself){
				$("#btnAgregarV").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				$.post(
					"{{ URL::route('SysWebVEmergentesVentanasEmergentesAgregar') }}",
					$("#frmVentanaEmergente").serialize(),
					function(data){
						$.isLoading("hide"); NProgress.done();
						$("#btnAgregarV").prop("disabled", false).html("Agregar");
						if(data.success){
							var urlEdicion = "{{ URL::route('SysWebVEmergentesVentanasEmergentesEditarV2', array(0)) }}";
							urlEdicion = urlEdicion.replace("0", data.idVE);
							new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							setTimeout( function(){ window.location.href = urlEdicion; }, 3000 );
						}
						else{
							if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
						}
					},
					"json"
				);
			}
		}]
	});
});
@stop