@extends('layouts.master')

@section('title', 'History Saldo')
@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('/') }}">History Saldo</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() !!} History Saldo</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>Code</th>
                            <th>Username</th>
                            <th>Value</th>
                            <th>Type</th>
                            <th>Note</th>
                            <th>Status</th>
                            <th>Date</th>
                        </tr>
                        </thead>
                    </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- container -->


<!-- content -->
@endsection


@section('js')
<script type="text/javascript">
var resizefunc = [];
$(document).ready(function() {
    $('#datatable-buttons').DataTable({
    serverSide: true,
    processing: true,
    ajax: '{{ route('balance.list') }}',
    columns: [
        {data: 'code'},
        {data: 'username'},
        {data: 'value'},
        {data: 'type'},
        {data: 'note'},
        {data: 'status'},
        {data: 'created_at'}
    ]
    });
});

</script>

@endsection