@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('DataTables/dataTables.bootstrap.min.css') }}
{{ HTML::style('DataTables/responsive.dataTables.min.css') }}
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
{{ HTML::style('bootstrap-daterangepicker/daterangepicker.css') }}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
<style type="text/css">
	.mdAvatar .modal-dialog .modal-content .modal-header{ background-color: #363B3F; }
	.color-head-modal .modal-header { 
		background-color: #363b3f !important; 
	} 
	.modal .nav-tabs > li.active a{
		background-color: #eee;
	}
	.modal .nav-tabs > li.active a:hover,
	.modal .nav-tabs > li.active a:active,
	.modal .nav-tabs > li.active a:focus{
		background-color: #eee !important;
	}
	.tab-content{
		padding: 0px;
	}
	.modal .nav-tabs > li > a{
		margin: 0px;
	}
	.nav-tabs > li > a:hover {
		color: #1b1e24;
	}
	.tab-pasarelas .nav-tabs {
		margin-left: 15px;
	}
	.modal-header .close {
		color: #fff;
		opacity: 0.8;
	}
	.step.paginas{
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		background-color: #687174;
		margin: 1px;
	}
	.aut {
		font-size: 16px;
		cursor: pointer;
		position: absolute;
		right: 45px;
		top: 15px;
	}
	input[type="radio"]:checked + .custom-radio:before{
		font-size: 42px;
	}
	@media (min-width: 768px){
		.ModalIP .modal-dialog{
			width: 750px;
		}
	}
	.tab-mail{
		margin-bottom: 0px;
		overflow: inherit;
	}
	/*.modal table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before{
		display: none;
	}*/
	#chSuscripcion-error {
		padding-left: 15px;
	}
	@media (max-width: 800px) { 
		.block-web ul.divSW > li.active > a, .block-web ul.divSW > li.active > a:hover, .block-web ul.divSW > li.active > a:focus{
			background-color: transparent !important;
			box-shadow: unset;
		}
		ul.divSW li.final{
			display: none;
		}
		ul.divSW li.paginas span {
			display: none;
		}
		ul.divSW li:first-child span::before{
			content: "\e913";
		}
		ul.divSW li.paginas a:not(.stepOne) {
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			box-shadow: unset !important;
		}
		ul.divSW li.paginas {
			font-family: 'icomoon' !important;
			display: flex;
			justify-content: center;
			align-items: center;
			overflow: hidden;
			padding: 10px 0px;
		}
		ul.divSW li.active{
			background-color: #fff !important;
		}
		ul.divSW li.active a,
		.modal .nav-tabs > li.active a:hover{
			background-color: transparent !important;
		}
		ul.divSW {
			width: 100%;
			display: flex;
			justify-content: center;
			text-align: center;
		}
		ul.divSW li:first-child a::before{
			content: "\f0d0";
			font-size: 25px;
		}
		ul.divSW li:nth-child(2) a::before{
			content: "\f0ce";
			font-size: 25px;
		}
		ul.divSW li:nth-child(3) a::before{
			content: "\f0c0";
			font-size: 25px;
		}
		ul.divSW  li>a{
			padding: unset !important;
		}
		/*h3.content-header{
			display: flex !important;
			flex-direction: row;
			align-items: center;
			width: 100% !important;
		}*/
		.dvVer{
			width: 36% !important;
		}
		.modal .radio-inline+.radio-inline{
			margin-left: 0px;
		}
		.content-header{
			font-size: 16px;
		}
	}
</style>
@stop

@section('Contenido')
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-users" style="font-size: 30px !important;"></i> Gestión de usuarios </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"> 
					Usuarios del curso: <b>{{ $producto->nombre }}</b>
					<div data-toggle="buttons" class="button-group pull-right">
						<a class="btn-agregar tooltips" data-toggle="tooltip" data-original-title="Agregar"  style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-plus"> </i>
						</a>
						<a class=" tooltips" data-toggle="tooltip" data-original-title="Configuración de automatizaciones"  href="javascript:void(0)" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-envelope-o tooltips btn-mark"> </i>
						</a>
						<a class=" tooltips" data-toggle="tooltip" data-original-title="Grafico"  href="javascript:void(0)" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-pie-chart tooltips btn-graf"> </i>
						</a>
						<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>
					<!--div  class="pull-right">
						<a class=" tooltips" data-toggle="tooltip" data-original-title="Editar correos" target="_blank" href="{{ URL::route('SysWebSWebCorreosxUsuario') }}" style="color: rgba(0, 0, 0, 0.3); margin-right: 10px;">
							<i class="fa fa-envelope"> </i>
						</a>
					</div-->
				</h3>
			</div>
			<div class="porlets-content">