@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') }}
@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 servidores de AWS SES
					<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="tblSrvsAWSSES">
						<thead>
							<tr>
								<th class="all"> Nombre </th>
								<th class="all"> Key </th>
								<th class="all"> Secret </th>
								<th class="all"> Region </th>
								<th class="all"> Estado </th>
								<th class="all"> Por defecto </th>
								<th class="all"> Es del cliente </th>
								<th class="all"> Tipo </th>
								<th class="min-tablet-l col-md-2"> Acciones </th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
			<div class="bottom">
				{{ HTML::linkRoute('SysWebEmailMarketingSrvAWSSESAgregar', 'Agregar', array(), array('class' => 'btn btn-primary')) }}
				<button id="btnAsignacionInicial" class="btn btn-success" type="button">Asignación inicial</button>
			</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 eliminar(id){
		var id = id;
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmEliminar'> \
					<h2> ¿Seguro que desea eliminar? </h2> \
					<input type='hidden' name='idCA' value='"+id+"'> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Eliminar registro",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			cssClass: "ModalEliminar",
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger",
				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('SysWebEmailMarketingSrvAWSSESEliminar') }}",
						{idCA: id},
						function(data){
							$.isLoading("hide"); NProgress.done();
							$("#btnEliminar").prop("disabled", false).html("Eliminar");
							if(data.success){
								new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
								dialogItself.close();
								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"
					);
				}
			}]
		});
	}
</script>
@stop

@section('JSOr')
var tabla = $("#tblSrvsAWSSES").DataTable({
	"processing": true,
	"serverSide": true,
	"pageLength": 10,
	"ordering": false,
	"searching": false,
	"ajax": "{{ URL::route('SysWebEmailMarketingSrvAWSSES') }}",
	columns: [
		{data: "nombre", name: "nombre", "searchable": true},
		{data: "key", name: "key", "searchable": true},
		{data: "secret", name: "secret", "searchable": true},
		{data: "region", name: "key", "searchable": true},
		{data: "estado", name: "estado", "searchable": false},
		{data: "enusopordefecto", name: "enusopordefecto", "searchable": false},
		{data: "empresa", name: "empresa", "searchable": false},
		{data: "tipo", name: "tipo", "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
	}],
});
$("#btnAsignacionInicial").click(function(e){
	$("#btnAsignacionInicial").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	$.post(
		"{{ URL::route('SysWebEmailMarketingSrvAWSSESAsignacionInicial') }}",
		{asignacionInicial: true},
		function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnAsignacionInicial").prop("disabled", false).html("Asignacion inicial");
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				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"
	);
});
@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