@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('DataTables/dataTables.bootstrap.min.css') }}
{{ HTML::style('DataTables/responsive.dataTables.min.css') }}
<style type="text/css">
	@media (max-width: 450px) { .ModalEliminar .modal-dialog { width: auto; } }
	@media (min-width: 451px) { .ModalEliminar .modal-dialog { width: 450px; } }
	.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-users"></i> Gestión de prospectos </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"> Listado de referencias personalizadas
					<a href="{{ URL::route('SysWebGClientesReferenciasAgregar') }}" class="btn btn-primary"  style="border-radius: 3px;"> Agregar </a>
				</h3>
			</div>
			<div class="porlets-content">
				<div class="table-responsive">
					<table class="table table-striped table-bordered table-hover" id="tblReferencias">
						<thead>
							<tr>
								<th class="all"> Nombre </th>
								<th style="width: 10%;" class="min-tablet-l text-center"> Acciones </th>
							</tr>
						</thead>
						<tbody>
							@foreach($Referencias as $Referencia)
								<tr>
									<td> {{ $Referencia->nombre }} </td>
									<td class="text-center">
										@if( $Referencia->formulario == 0 )
										<a href="{{ URL::route('SysWebGClientesReferenciasEditar', array($Referencia->id)) }}" class="btn btn-warning tooltips" data-toggle="tooltip" data-original-title="Editar">
											<i class="fa fa-pencil-square-o"></i>
										</a>
										@else
										<a href="javascript:void(0)" class="btn btn-warning tooltips" data-toggle="tooltip" data-original-title="No puedes editar esta referencia pues es de las configuraciones genéricas de la Plataforma Sume Clientes">
											<i class="fa fa-pencil-square-o"></i>
										</a>
										@endif
										@if( $Referencia->formulario == 0 && DB::table('prospectos')->where('referencias_id', '=', $Referencia->id)->count() == 0 )
										<a href="javascript:Eliminar({{ $Referencia->id }})" class="btn btn-danger tooltips" data-toggle="tooltip" data-original-title="Eliminar">
											<i class="fa fa-trash-o"></i>
										</a>
										@else
										<a href="javascript:void(0)" class="btn btn-danger tooltips" data-toggle="tooltip" data-original-title="No puedes eliminar esta referencia pues está asociadoa a algun prospecto y si lo eliminas se eliminará el registro del prospecto y/o es la referencia del sistema de formularios de Email Marketing">
											<i class="fa fa-trash-o"></i>
										</a>
										@endif
									</td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
			<div class="bottom">
				<a href="{{ URL::route('SysWebGClientesReferenciasAgregar') }}" class="btn btn-primary"> Agregar </a>
			</div>
		</div>
	</div>
</div><!--/row end-->
@stop

@section('JS')
{{ HTML::script('DataTables/jquery.dataTables.min.js') }}
{{ HTML::script('DataTables/dataTables.bootstrap.min.js') }}
{{ HTML::script('DataTables/dataTables.responsive.min.js') }}
<script type="text/javascript">
	function Eliminar(id){
		var id = id;
		var mensaje = "<div class='row'> \
							<div class='col-xs-12'> \
								<form id='frmEliminar'> \
									<h2> ¿Seguro que desea eliminar? </h2> \
									<p> Si tienes está referencia asignada a algun prospecto, se eliminarán todos los registros ligados (Prospectos, historial de seguimiento, etc). </p> \
									<p> Puedes reasignar esos registros a una nueva referencia si de seas </p> \
									<div class='form-group'> \
										<label> ¿A que referencia deseas asignar los registros? </label> \
										<select class='form-control' name='idRN' id='slReferencias'> \
											<option value='0'> Ningúna, deseo eliminar todos los registros asociados. </option> \
											@foreach($Referencias as $Referencia) <option value='{{ $Referencia->id }}'>{{ $Referencia->nombre }}</option> @endforeach \
										</select> \
										<span class='text-danger' id='erridRN'> </span> \
									</div> \
									<input type='hidden' name='idR' value='"+id+"'> \
								</form> \
							</div> \
						</div>";
		BootstrapDialog.show({
			title: "Eliminar registro",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			closeByBackdrop: false,
			closeByKeyboard: false,
			cssClass: "ModalEliminar mdAvatar",
			onshown: function(dialogRef){
				$("#slReferencias").find('option[value="'+id+'"]').remove();
			},
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger btn-block btn-lg",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando');
					$.post(
						"{{ URL::route('SysWebGClientesReferenciasEliminar') }}",
						$("#frmEliminar").serialize(),
						function(data){
							$.isLoading("hide"); NProgress.done();
							$("#btnAgregar").html("Guardar").prop("disabled", false);
							if(data.success){
								dialogItself.close();
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								/*var table = $("#tblReferencias").DataTable();
								table.ajax.reload(null, false);*/
								setTimeout( function(){ window.location.reload(); }, 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"
					);
				}
			}],
			onshown: function(dialogRef){
				$("body").addClass("modal-open");
			},
			onhidden: function(dialogRef){
				$("body").removeClass("modal-open");
			}
		});
	}
</script>
@stop

@section('JSOr')
$("a[data-toggle=\"tab\"]").on("shown.bs.tab", function (e) { $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust(); });
$("#tblReferencias").DataTable({
	"processing": true,
	preDrawCallback: function (settings) { $.isLoading("hide"); },
	"language": {
		"url": "{{ asset('DataTables/Spanish.json') }}"
	},
	"fnDrawCallback": function( oSettings ) {
		$(".tooltips").tooltip();
	},
	autoWidth: false,
	responsive: true,
	//initComplete: function(){
	//	var input = $("#tblReferencias_filter input").unbind(),
	//	self = this.api(),
	//	$searchButton = $('<button class="btn btn-primary tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Buscar">').html('<i class="fa fa-search"></i>').click(function(){
	//		self.search(input.val().trim()).draw();
	//	}),
	//	$clearButton = $('<button class="btn btn-default tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Limpiar">').html('<i class="fa fa-paint-brush"></i>').click(function(){
	//		input.val('');
	//		$searchButton.click(); 
	//	});
	//	$("#tblReferencias_filter").append($searchButton, $clearButton);
	//	$("body").tooltip({selector: "[data-toggle='tooltip']"});
	//}
}).on("processing.dt", function(e, settings, processing) {
	if (processing) {
		$.isLoading();
	}
	else{
		$.isLoading("hide");
		window.scrollTo(0, 0);
	}
});
/*$("#tblReferencias").DataTable({
	"processing": true,
	"serverSide": true,
	"ajax": "{{ URL::route('SysWebGClientesReferencias') }}",
	columns: [
		{data: 'nombre', name: 'nombre'},
		{data: 'acciones', name: 'acciones', "searchable": false, "orderable": false, "class": "text-center"}
	],
	"language": {
		"url": "{{ asset('DataTables/Spanish.json') }}"
	},
	"fnDrawCallback": function( oSettings ) {
		$(".tooltips").tooltip();
	},
	autoWidth: false,
	responsive: true
});*/
@if(Session::has('EliminarMensajeS'))
new PNotify({ title: "Realizado", text: "{{ Session::get('EliminarMensajeS') }}", type: "success" });
@endif
@if(Session::has('EliminarMensajeE'))
new PNotify({ title: "Realizado", text: "{{ Session::get('EliminarMensajeE') }}", type: "error" });
@endif
@stop