@extends('app')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-10 col-lg-offset-1 col-md-12">
            <ol class="breadcrumb">
                <li><a href="#">Administración</a></li>
                <li class="active">Usuarios</li>
            </ol>

            <div class="page-header">
                <h1>Usuarios</h1>
            </div>

            <ul class="nav nav-tabs">
                <li role="presentation" class="active">
                    <a href="#admins" role="tab" data-toggle="tab">
                        Administradores
                    </a>
                </li>
                <li role="presentation">
                    <a href="#users" role="tab" data-toggle="tab">
                        Usuarios
                    </a>
                </li>
            </ul>

            <div class="tab-content">
                <br>

                <div class="tab-pane fade in active" role="tabpanel" id="admins">
                    @include('admin.users.partials.users_table', [
                        'groups' => $groups,
                        'users' => $admins,
                        'role' => 'administrador'
                    ])
                </div>

                <div class="tab-pane fade" role="tabpanel" id="users">
                    @include('admin.users.partials.users_table', [
                        'groups' => $groups,
                        'users' => $users,
                        'role' => 'usuario'
                    ])
                </div>
            </div>
        </div>
    </div>
</div>

@endsection