@extends('layouts.master')

@section('title', 'List User')
@section('content')
<!-- Start content -->

    <div class="container-fluid">
        <div class="row heading-bg" style="background-color:  {!! \App\Helper::barColor() !!}">
					<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
						<h5 class="txt-light">{!! \App\Helper::panelName() !!}</h5>
					</div>
					<!-- Breadcrumb -->
					<div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
						<ol class="breadcrumb">
						    <li><a href="{{ url('/') }}"><span class="font-nexa">{!! \App\Helper::panelName() !!}</a></li>
							<li><a href="{{ url('/') }}">List User Active</a></li>
						</ol>
					</div>
					<!-- /Breadcrumb -->
				</div>
				<!-- /Title -->
      <div class="row">
            <div class="col-xs-12">
                <div class="panel panel-default table-responsive">
                    <div class="panel-body">
                        <div class="row">
                                    <div class="col-xs-2">
                                        <span class="label" style="background-color: {!! \App\Helper::barColor() !!}">{{ auth()->user()->level }}</span> 
                                    </div>
                                    <div class="col-xs-10 text-right">
                                        <h6>{!! \App\Helper::panelName() !!} List User Active</h6>
                                    </div>
                                </div>
                                <hr style="border-top: 1px solid {!! \App\Helper::barColor() !!}">
                    <table id="datatable-buttons" class="table table-striped table-bordered" cellspacing="0" width="100%">
                        <thead>
                        <tr>
                            <th>USERNAME</th>
                            <th>SERVER 1</th>
                            <th>SERVER 2</th>
                            <th>SERVER 3</th>
                            <th>TOTAL</th>
                            <th>DATE</th>
                        </tr>
                        </thead>
                    </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- container -->


<!-- content -->
@endsection

@section('js')
<script type="text/javascript">
var resizefunc = [];
var table;
$(document).ready(function() {
    table = $('#datatable-buttons').DataTable({
    serverSide: true,
    processing: true,
    order: [[ 1, "desc" ]],
    ajax: '/subserverlistjs',
    columns: [
        {data: 'username'},
        {data: 'server1'},
        {data: 'server2'},
        {data: 'server3'},
        {data: 'total'},
        {data: 'date'},
    ]
    });
});
</script>
@endsection