@extends('layouts.app')
@section('title', 'User Balance')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>User Balance
    </h1>
    <!-- <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
    </ol> -->
</section>

<!-- Main content -->
<section class="content">

	<div class="box">
        <div class="box-header">
            <form method="get" action="{{route('account.user-balance.index')}}">
                <div class="row">
                    <div class="col-md-3 col-xs-6">
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                            {!! Form::text('filter_date', request()->get('date') ? @format_date(request()->get('date')) : @format_date('now'), ['class' => 'form-control', 'readonly', 'required', 'id' => 'filter_date']); !!}
                        </div>
                    </div>
                    <div class="col-md-3 col-xs-6">
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-user"></i>
                            </span>
                            <select name="user_id" class="form-control" id="store_id"> 
                                @foreach(App\User::get() as $user) 
                                <option value="{{$user->id}}">{{$user->first_name}}</option> 
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3 col-xs-6">
                        <button type="submit" class="btb btn-primary">Filter</button>
                    </div>    
                </div>
            </form>
        </div>
    </div>
    <div class="box">
        <div class="box-body">
            @can('account.user-balance.view')
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Date</th>
                                <th>Balance</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>{{ $date }}
                                </td>
                                <td>{{$current_balance}}</td>
                                <td><a href="{{action('AccountingController@userBalance', ['filter_date' => request()->get('date') ? @format_date(request()->get('date')) : @format_date('now'),'user_id' => $user_id ])}}"><i class="glyphicon glyphicon-eye"></i> @lang("messages.view")</a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            @endcan
        </div>
    </div>

    <div class="modal fade bank_modal" tabindex="-1" role="dialog" 
    	aria-labelledby="gridSystemModalLabel">
    </div>

</section>
<!-- /.content -->

@endsection
@section('javascript')
    <script type="text/javascript">
  
  $('#filter_date').datepicker({
		autoclose: true,
		format: datepicker_date_format
	});
    
    </script>
@endsection