@extends('layouts.master')
@section('content')
<ol id="breadcrumb">
	<li class="intermediate"><a href="#" class="back-btn"> <span class="glyphicon glyphicon-arrow-left"></span> REGRESAR</a></li>
  	<li class="intermediate"><a href="/">INICIO</a></li>
  	<li class="active" ><a href="#" disabled>PLANTILLA </a></li>
</ol>

<div class="pages-image">
	<div class="text-right">
		<a href="{{action('Admin\UsersController@create',['active_tab'=>$active_tab])}}" class="btn btn-primary">
			<span class="fa fa-fw fa-user-plus"></span> <span class="btn-text">Añadir {{$active_tab == 'admin' ? 'Administrador' : 'usuario'}}</span>
		</a>
	</div>

	<div class="" style="margin: 20px inherit">
		<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="{{$active_tab == 'admin' ? 'active' : ''}}">
				<a href="?active_tab=admin&page=1" aria-controls="admin" class="tabs">
					Administradores
				</a>
			</li>

			<li role="presentation" class="{{$active_tab == 'user' ? 'active' : ''}}">
				<a href="?active_tab=user&page=1" aria-controls="user" class="tabs">
					Usuarios
				</a>
			</li>
		</ul>
	</div>

	<div class="tab-content" id="busqueda-plantilla">
		<div role="tabpanel" class="tab-pane {{$active_tab == 'admin' ? 'active' : ''}}" id="admin">
			@include('admin.users.partials.admins')
		</div>
		<div role="tabpanel" class="tab-pane {{$active_tab == 'user' ? 'active' : ''}}" id="user">
			@include('admin.users.partials.users')
		</div>
	</div>
</div>

@include('admin.users.partials.modal_delete')

@endsection

@section('style')
	<style type="text/css">
		#sb-site{
			background-position: 60% 20%;
			background-size: 65% auto;
			background-repeat: no-repeat;
		}
		.pages-image{
			margin-top: 15%;
		}
	</style>
@endsection

@section('script')
	<script src="/js/users/index.js"></script>
@endsection