@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
{{ HTML::style('bootstrap-daterangepicker/daterangepicker.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">
	.form-inline .form-control.bootstrap-select {
		display: inline-block;
		width: auto;
	}
	.checkbox-inline {
		font-weight: bold;
	}
</style>
@stop

@section('Contenido')
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-server"></i> Gestión de servidores de AWS SES </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 perfiles del servidor de AWS SES con nombre: {{ $ConfiguracionAmazon->nombre }}, llave: {{ $ConfiguracionAmazon->key }} y región: {{ $ConfiguracionAmazon->region }}
					<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">
				<form id="frmFiltro" class="form-inline" style="padding-bottom: 15px;">
					<div class="form-group">
						<label for="FiltroFechas" style="padding-top: 10px;"> Suscritos en: </label>
						<input id="FiltroFechas" type="text" name="filtrofechas" value="" readonly>
					</div>
					<div class="form-group">
						<label>Filtro de estado: </label>
						<select name="slEstados" id="slEstados" class="form-control selectpicker">
							<option value="T" selected>Todos</option>
							<option value="A">Activos</option>
							<option value="PP">Período de gracia</option>
							<option value="I">Inactivos</option>
						</select>
					</div>
					<button type="submit" class="btn btn-primary"> Filtrar </button>
					<button id="btnLimpiar" type="button" class="btn btn-default"> Limpiar </button>
				</form>
				<div class="table-responsive">
					<table class="table table-striped-old table-bordered table-hover display" id="tblSrvsAWSSES">
						<thead>
							<tr>
								<th class="all"> Remitente </th>
								<th class="all"> Correo electrónico </th>
								<th class="all"> Es del cliente </th>
								<th class="all"> Correo de la cuenta </th>
								<th class="all"> Miembro desde </th>
								<th class="all"> Estado C </th>
								<th class="all"> Permiso de acceso </th>
								<th class="all"> Activo </th>
								<th class="min-tablet-l col-md-2"> Acciones </th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
			<div class="bottom">
				{{ HTML::linkRoute('SysWebEmailMarketingSrvAWSSES', 'Regresar', array(), array('class' => 'btn btn-default')) }}
			</div>
		</div>
	</div>
</div><!--/row end-->
@stop

@section('JS')
{{ HTML::script('bootstrap-select/js/bootstrap-select.min.js') }}
{{ HTML::script('bootstrap-select/js/i18n/defaults-es_CL.min.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('bootstrap-daterangepicker/moment.min.js') }}
{{ HTML::script('bootstrap-daterangepicker/daterangepicker.js') }}
<script type="text/javascript">
	function Actualizar(){
		$("#tblSrvsAWSSES").DataTable().ajax.reload(null, false);
	}
	function activarDesactivar(id){
		var id = id;
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<form id="frmActivarDesactivar"> \
					<h2> ¿Seguro que desea hacer el cambio? </h2> \
					<input type="hidden" name="idCE" value="'+id+'"> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Cambiar estado del perfil",
			type: BootstrapDialog.TYPE_WARNING,
			message: mensaje,
			draggable: true,
			closeByBackdrop: false,
			closeByKeyboard: false,
			cssClass: "ModalEliminar mdAvatar",
			buttons: [{
				id: "btnCambiarEstado",
				label: "Cambiar estado",
				cssClass: "btn-warning btn-block btn-lg",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$("#btnCambiarEstado").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
					$.post(
						"{{ URL::route('SysWebEmailMarketingSrvAWSSESPerfilesCambiarEstado') }}",
						{idCE: id},
						function(data){
							$.isLoading("hide"); NProgress.done();
							$("#btnCambiarEstado").prop("disabled", false).html("Cambiar estado");
							if(data.success){
								new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
								dialogItself.close();
								//setTimeout( function(){ window.location.reload(); }, 3000 );
								var table = $("#tblSrvsAWSSES").DataTable();
								table.ajax.reload(null, false);
							}
							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')
$("#FiltroFechas").daterangepicker({
	"ranges": {
		"Hoy": [moment(), moment()],
		"Ayer": [moment().subtract(1, "days"), moment().subtract(1, "days")],
		"Últimos 7 días": [moment().subtract(6, "days"), moment()],
		"Últimos 30 días": [moment().subtract(29, "days"), moment()],
		"Este mes": [moment().startOf("month"), moment().endOf("month")],
		"Último mes": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")]
	},
	"alwaysShowCalendars": true,
	locale: {
		format: "DD/MM/YYYY"
	},
	autoUpdateInput: false,
	"startDate": moment(),
	"endDate": moment()
},function(start, end, label){
	console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
});
$("#FiltroFechas").on("apply.daterangepicker", function(ev, picker){ $(this).val(picker.startDate.format("DD/MM/YYYY") + " - " + picker.endDate.format("DD/MM/YYYY")); });
$("#FiltroFechas").on("cancel.daterangepicker", function(ev, picker){ $(this).val(""); });
$("#frmFiltro").submit(function(e){
	e.preventDefault();
	tabla.ajax.reload(null, false);
});
$("#btnLimpiar").click(function(e){
	e.preventDefault();
	$("#FiltroFechas").val("");
	tabla.ajax.reload(null, false);
});
var tabla = $("#tblSrvsAWSSES").DataTable({
	"processing": true,
	"serverSide": true,
	"pageLength": 10,
	"ordering": false,
	"searching": true,
	"ajax": {
		url: "{{ URL::route('SysWebEmailMarketingSrvAWSSESPerfiles', array($ConfiguracionAmazon->id)) }}",
		data: function(d){
			d.filtrofechas = $("#FiltroFechas").val();
			d.estado = $("#slEstados").val();
		}
	},
	columns: [
		{data: "remitente", name: "remitente", "searchable": true},
		{data: "correo_electronico", name: "ce.correo_electronico", "searchable": true},
		{data: "empresa", name: "c.empresa", "searchable": true},
		{data: "correoCliente", name: "c.correo_electronico", "searchable": true},
		{data: "fecha_suscripcion", name: "c.fecha_suscripcion", "searchable": false},
		{data: "estado", name: "u.estado", "searchable": false},
		{data: "permiso_acceso", name: "u.permiso_acceso", "searchable": false},
		{data: "estadoCE", name: "ce.activo", "searchable": 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,
	columnDefs: [{
		"data": null,
		"defaultContent": "",
		"className": "control",
		"orderable": false,
		"width": "9%",
		"targets": 0
	}],
});
@if(Session::has('MensajeS'))
new PNotify({ title: "Realizado", text: "{{ Session::get('MensajeS') }}", type: "success" });
@endif
@if(Session::has('MensajeE'))
new PNotify({ title: "Realizado", text: "{{ Session::get('MensajeE') }}", type: "error" });
@endif
@stop