@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('DataTables/dataTables.bootstrap.min.css') }}
{{ HTML::style('DataTables/responsive.dataTables.min.css') }}
{{ HTML::style('DataTables/select.dataTables.min.css') }}
{{ HTML::style('DataTables/buttons.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; } }
</style>
@stop

@section('Contenido')
<div class="row">
	<div class="col-md-12">
		<h2><i class="icon-sc-landingpageicon"></i> E-Mail Marketing </h2>
	</div><!--/col-md-12-->
</div><!--/row-->

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header">
				<h3 class="content-header">
					Historial de Importación de Suscriptores por Archivo de Excel
					<div data-toggle="buttons" class="button-group pull-right">
						<a class="refresh tooltips" data-toggle="tooltip" data-original-title="Actualizar registros" onclick="Actualizar()" href="javascript:Actualizar()" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-repeat"> </i>
						</a>
					</div>
				</h3>
			</div>
			<div class="porlets-content">
				<div class="table-responsive">
					<table class="table table-striped-old table-bordered table-hover display" id="tblRegistrosImportacion" cellspacing="0" width="100%">
						<thead>
							<tr>
								<!-- <th class="all" data-priority="1"> Identificador </th> -->
								<th class="all"> Id </th>
								<th class="min-tablet-l"> Lista de suscriptores </th>
								<th class="min-tablet-l"> Tipo lista </th>
								<th class="min-tablet-l"> Número de registros verificados</th>
								<th class="min-tablet-l"> Estado de importación </th>
								<th class="min-tablet-l"> Fecha de importación</th>
								<th class="min-tablet-l"> Job id </th>
								<th class="min-tablet-l"> Acciones </th>
							</tr>
						</thead>
					</table>
				</div>
			</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') --}}
{{-- HTML::script('DataTables/dataTables.select.min.js') --}}
{{-- HTML::script('DataTables/dataTables.buttons.min.js') --}}
{{ HTML::script('Alphanum/jquery.alphanum.min.js') }}
<script type="text/javascript">
	function Actualizar(){
		var table1 = $("#tblRegistrosImportacion").DataTable();
		table1.ajax.reload(null, false);
	}

</script>
@stop

@section('JSOr')
@if (Session::has('message'))
new PNotify({ title: "¡Felicidades!", text: "{{ Session::get('message') }}", type: "success" });
@endif
var tabla = $("#tblRegistrosImportacion").DataTable({
	"processing": true,
	"serverSide": true,
	"ajax": "{{ URL::route('SysWebEmailMarketingHistorialImportacionSuscriptores') }}",
	preDrawCallback: function (settings) { $.isLoading("hide"); },
	columns: [
		{data: "id", name: "id", "visible": false, "orderable": false},
		{data: "listaEmail", name: "listaEmail", "searchable": false, "orderable": false},
		{data: "listaEmailTipo", name: "listaEmailTipo", "searchable": false, "orderable": false},
		{data: "detalles", name: "detallles", "searchable": false, "orderable": false},
		{data: "estado", name: "estado", "searchable": false, "orderable": true},
		{data: "fecha_inicio", name: "fecha_inicio", "searchable": false, "orderable": true},
		{data: "nbJobId", name: "nbJobId", "searchable": false, "orderable": false, visible: false},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center"},
		],
	"language": {
		"url": "{{ asset('DataTables/Spanish.json') }}"
	},
	"fnDrawCallback": function( oSettings ) {
		$(".tooltips").tooltip();
		$(".table-responsive").find("[title]").tooltip();
	},
	autoWidth: false,
	responsive: {
		"details": {
			"type": "column",
			"target": 0
		}
	},
	columnDefs: [{
		"data": null,
		"defaultContent": "",
		"className": "control",
		"orderable": false,
		"width": "50%",
		"targets": 1
	},
	{
		"data": null,
		"defaultContent": "",
		"className": "control",
		"orderable": false,
		"width": "10%",
		"targets": [2,3,4,5,6]
	}],
	order: [[ 0, "asc" ]],
	searching: false
}).on("processing.dt", function(e, settings, processing) {
	if (processing) {
		$.isLoading();
	}
	else{
		$.isLoading("hide");
		window.scrollTo(0, 0);
	}
});
@stop