@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
{{ HTML::style('bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}
{{ HTML::style('DataTables/dataTables.bootstrap.min.css') }}

{{ HTML::style('Webui-Popover/jquery.webui-popover.min.css') }}
<style type="text/css">
	.pointer{ cursor:pointer; }
	.Separacion{ display: inline-block; padding: 1px; }
	/*.porcentajes{ display: none; }*/
	/*body .bootstrap-select{ z-index: 99999; }*/
</style>
@stop


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

<div class="row">
	{{--
	<div class="col-md-12">
		<nav class="navbar navbar-inverse">
			<ul class="nav navbar-nav">
				<li><a href="{{ URL::to('templates') }}">Ver todos los Templates</a></li>
				<li><a href="{{ URL::to('templates/create') }}">Crear un Template</a>
			</ul>
		</nav>
	</div>
	--}}
	<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">
					Estadisticas de la campaña <strong> {{ $Campanha->nombre }} </strong>
					<div data-toggle="buttons" class="button-group pull-right">
						<a class="refresh" onclick="Actualizar()" href="javascript:Actualizar();" style="color: rgba(0, 0, 0, 0.3)"> <i class="fa fa-repeat"> </i> </a>
						<a class="btn active small border-gray right-margin" href="javascript:;" onclick="CambioVista(1)">
							<span class="button-content">
								<input type="radio" name="radio-toggle-1" value="1">
								#
							</span>
						</a>
						<a class="btn small border-gray" href="javascript:;" onclick="CambioVista(2)">
							<span class="button-content">
								<input type="radio" name="radio-toggle-1" value="2">
								%
							</span>
						</a>
					</div>
				</h3>
			</div>
			<div class="porlets-content">
				<div class="table-responsive">
					<table class="table table-striped table-bordered table-hover" id="tblProgramacionesCampanhas">
						<thead>
							<tr>
								<th class="col-md-2"> Fecha </th>
								<th class="col-md-2"> Zona horaria </th>
								<th class="col-md-2"> Estado </th>
								<th class="col-md-1"> Enviados </th>
								<th class="col-md-1"> Enviados </th>
								<th class="col-md-1"> Abiertos </th>
								<th class="col-md-1"> Abiertos </th>
								<th class="col-md-1"> Clics </th>
								<th class="col-md-1"> Clics </th>
								<th class="col-md-1"> Rebotes </th>
								<th class="col-md-1"> Rebotes </th>
								<th class="col-md-1"> Quejas </th>
								<th class="col-md-1"> Quejas </th>
								<th class="col-md-1"> Desuscritos </th>
								<th class="col-md-1"> Desuscritos </th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
			<div class="bottom">
				{{ HTML::linkRoute('SysWebEmailMarketingCampanhas', '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('bootstrap-datetimepicker/js/moment-with-locales.js') }}
{{ HTML::script('bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js') }}
{{ HTML::script('SysWeb/SumeClientes/php.js') }}
{{ HTML::script('DataTables/jquery.dataTables.min.js') }}
{{ HTML::script('DataTables/dataTables.bootstrap.min.js') }}

{{ HTML::script('Webui-Popover/jquery.webui-popover.min.js') }}
<script type="text/javascript">
	function DecodificarVinculo(){
		var mensaje = $("#Mensaje").html();
		$("#HdnMensaje").html(mensaje);
		$("#HdnMensaje").find("a").each(function() {
			var ruta = $(this).attr("href");
			ruta = ruta.replace("{ clic }", "");
			ruta = decode(ruta);
			$(this).attr("href", ruta);
		});
		mensaje = $("#HdnMensaje").html();
		$("#Mensaje").html(mensaje);
		$("#HdnMensaje").html("");
	}
	function Actualizar(){
		var table = $("#tblProgramacionesCampanhas").DataTable();
		table.ajax.reload(null, false);
	}
	function CambioVista(value){
		var value = value;
		var table = $("#tblProgramacionesCampanhas").DataTable();
		if(value == 1){
			table.columns(".numeros").visible(true, false);
			table.columns(".porcentajes").visible(false, false);
		}
		else if(value == 2){
			table.columns(".porcentajes").visible(true, false);
			table.columns(".numeros").visible(false, false);
		}
		table.ajax.reload(null, false);
	}
	function Popover(id, evento, tipo){
		var id = id;
		var evento = evento;
		var tipo = tipo;
		var rutaPOST = "{{ URL::route('SysWebEmailMarketingCampanhasProgramarEnvioCrearListas', array($Campanha->id)) }}";
		if(evento == 'A' && tipo == 'N'){ rutaPOST = rutaPOST+"/A";  var selector = "APC";  var titulo = "en base a abiertos"; }
		else if(evento == 'A' && tipo == 'P'){ rutaPOST = rutaPOST+"/A"; var selector = "APCP"; var titulo = "en base a abiertos";  }
		else if(evento == 'C' && tipo == 'N'){ rutaPOST = rutaPOST+"/C";  var selector = "CPC"; var titulo = "en base a clics"; }
		else if(evento == 'C' && tipo == 'P'){ rutaPOST = rutaPOST+"/C";  var selector = "CPCP"; var titulo = "en base a clics"; }
		var abiertos = @if($Campanha->segmentacion_id == '') {{ "false" }} @else {{ "true" }} @endif ;
		var clics = @if($Campanha->segmentacionc_id == '') {{ "false" }} @else {{ "true" }} @endif ;
		@if($Campanha->segmentacion_id != '')