@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 cPanel </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 Sitios Web del servidor de cPanel
					<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="tblSrvsCpanel">
						<thead>
							<tr>
								<th class="all"> Dominio </th>
								<th class="all"> Usuario cPanel </th>
								<th class="all"> Contraseña cPanel</th>
								<th class="all"> Usuario FTP </th>
								<th class="all"> Contraseña FTP </th>
								<th class="all"> Correo electronico </th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
			<div class="bottom">
				{{ HTML::linkRoute('SysWebSWebSrvCPanel', '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(){
		$("#tblSrvsCPanel").DataTable().ajax.reload(null, false);
	}
</script>
@stop

@section('JSOr')
var tabla = $("#tblSrvsCpanel").DataTable({
	"processing": true,
	"serverSide": true,
	"pageLength": 10,
	"ordering": false,
	"searching": true,
	"ajax": {
		url: "{{ URL::route('SysWebSWebSrvCPanelSitiosWeb', array($ConfiguracionCPanel->id)) }}",
		data: function(d){
			d.filtrofechas = $("#FiltroFechas").val();
			d.estado = $("#slEstados").val();
		}
	},
	columns: [
		{data: "nombre_dominio", name: "csw.nombre_dominio", "searchable": true},
		{data: "usuario_cpanel", name: "csw.usuario_cpanel", "searchable": true},
		{data: "contra_cpanel", name: "csw.contra_cpanel", "searchable": false},
		{data: "usuario_ftp", name: "csw.usuario_ftp", "searchable": false},
		{data: "contra_ftp", name: "csw.contra_ftp", "searchable": false},
		{data: "correo_electronico", name: "c.correo_electronico", "searchable": false},
	],
	"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