<style>
table.dataTable thead .no-sort{ 
    background-image: none !important;
    box-shadow: none;
    padding-left: 6px;
    padding-right: 6px;
}
</style>

<form id="dataCliente">
	<input type="hidden" name="_token" value="{{csrf_token()}}" id="__token">
	<input type="hidden" name="saas_cliente" value="{{$clientes->saas_cliente}}" id="_saas_cliente">
</form>

	<div id="navbar_secciones" class="profile-tabs mt-10" >
		<div class="nav-align-center">
			
			<ul class="nav nav-pills" role="tablist" id="navegador_tabs" style="z-index: 9999;">
			
			<li class="@if($tab == 'home') active @endif">
					<a href="#seccion-home" id="tab-home" role="tab" data-toggle="tab" aria-expanded="true">
						<i class="fa fa-home"></i><span class="col-xs-hidden col-sm-hidden col-md-hidden">@traducir('Inicio','Inicio')</span>
					</a>
			</li>

			<li class="@if($tab == 'contratos') active @endif">
					<a title="Contratos" href="#seccion-contratos" id="tab-contratos" role="tab" data-toggle="tab" aria-expanded="true">			
						<i class="fa fa-file-text"></i><span class="col-xs-hidden col-sm-hidden col-md-hidden">@traducir('Contratos','Contratos')</span>
					</a>
			</li>

			<li class="@if($tab == 'usuarios') active @endif">
					<a title="Usuarios" href="#seccion-usuarios" id="tab-usuarios" role="tab" data-toggle="tab" aria-expanded="true">			
						<i class="fa fa-users"></i><span class="col-xs-hidden col-sm-hidden col-md-hidden">@traducir('Usuarios','Usuarios')</span>
					</a>
			</li>
			<!-- AGREGADO EL 14/09/2021 -->
			<li class="@if($tab == 'altamasiva') active @endif">
					<a title="Alta masiva" href="#seccion-altamasiva" id="tab-altamasiva" role="tab" data-toggle="tab" aria-expanded="true">			
						<i class="fas fa-file-upload"></i><span class="col-xs-hidden col-sm-hidden col-md-hidden">@traducir('Alta masiva','Alta masiva')</span>
					</a>
			</li>
			<!-- AGREGADO EL 14/09/2021 -->
			</ul>
		</div>

	</div>

	<div id="" class="tab-content gallery">
		<div class="container tab-pane text-center @if($tab == 'home') active @endif" id="seccion-home"><img style="float:none;" src="/images/loading.gif" class="loading"/></div>
		<div class="container tab-pane text-center @if($tab == 'contratos') active @endif" id="seccion-contratos"><img style="float:none;" src="/images/loading.gif" class="loading"/></div>
		<div class="container tab-pane text-center @if($tab == 'usuarios') active @endif" id="seccion-usuarios"><img style="float:none;" src="/images/loading.gif" class="loading"/></div>
		<!-- AGREGADO EL 14/09/2021 -->
		<div class="container tab-pane text-center @if($tab == 'altamasiva') active @endif" id="seccion-altamasiva"><img style="float:none;" src="/images/loading.gif" class="loading"/></div>
		<!-- AGREGADO EL 14/09/2021 -->
  </div>




<form name="goPanel" id="goPanel" method="post" action="/saas/administracion-clientes">
	{{csrf_field()}}
</form>

<style>
	.form-group, .form-control {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	input {
		height: 24px !important; 
	}

	.goparent:hover {
		text-decoration: underline;
	}
</style>

<script type="text/javascript" src="{{ URL::asset('js/saas/saas_cliente.js') }}?v={{time()}}"> </script>
<script type="text/javascript" src="{{ URL::asset('js/jquery.canvasjs.min.js') }}?v={{time()}}"> </script>