@extends('layouts.admin')
@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-4">
                            <h5>Commission Reports Lists</h5>
                        </div>
                    </div>

                </div>
                <div class="card-body">
                    <form method="GET" action="{{ url()->current() }}">
                        <div class="row mb-3">

                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="parentGroup" class="col-form-label pt-0">Start Date</label>
                                    <input class="form-control" readonly type="text" name="trans_date_start" id="trans_date_start" placeholder="Start Date"  value="{{ old('trans_date_start')}}" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="parentGroup" class="col-form-label pt-0">End Date</label>
                                    <input class="form-control" readonly type="text" name="trans_date_end" id="trans_date_end" placeholder="End Date"  value="{{ old('trans_date_end')}}" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="userID" class="col-form-label pt-0">User ID</label>
                                    <input class="form-control" type="text" name="user_id" id="user_id" placeholder="User ID"  value="{{ old('user_id')}}" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label  class="col-form-label pt-0">Type</label>
                                    <select name="transaction_type" class="select2 form-control mb-3 custom-selec">
                                        <option disabled="" selected value="">Select Type</option>
                                        @foreach ($transaction_types as $transaction_type)
                                            <option value="{{ $transaction_type->type }}" @if($transaction_type->type ==  app('request')->input('transaction_type')) selected @endif>{{ $transaction_type->type }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4 mt-4">
                            <button class="btn btn-primary">Search</button>
                                <a href="{{url('account/monthly-commisition')}}" class="btn btn-danger">Clear</a>
                            </div>
                        </div>
                    </form>
                    <div class="dropdown-divider"></div>
                    <div class="table-responsive">
                        <table id="datatable-buttons-alllist" class="table table-striped table-bordered w-100">
                            <thead>
                                <tr>
                                    <th>SL.</th>
                                    <th>Date</th>
                                    <th>Name</th>
                                    <th>User ID</th>
                                    <th>Commission List</th>
                                    <th>Amount</th>
                                    <th>Commission</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(!empty($balance_sheets))
                                @foreach($balance_sheets as $key => $balance_sheet)
                                <tr>
                                    <td>{{$key+1}}</td>
                                    <td>{{ utc_to_local('d M Y',$balance_sheet['trans_date']) }}</td>
                                    <td><a href="{{url('account/commisition-statement/'.@$balance_sheet['agent']['id'])}}" target="_black">{{ucfirst(@$balance_sheet['agent']['name'])}}</a></td>
                                    <td>{{ucfirst(@$balance_sheet['agent']['user_id'])}}</td>
                                    <td>{{$balance_sheet['module_text']}}</td>
                                    <td>{{ number_format(($balance_sheet['invest']['amount'])) }}.00 </td>
                                    <td>{{ number_format($balance_sheet['amount']) }}.00 </td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>

                        <div class="float-right mt-2">
                            {{ $balance_sheets->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- end col -->
    </div><!--end row-->

</div> <!-- container-fluid -->

@push('alljs')
<script src="{{asset('assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>

<script type="text/javascript">
        $('#trans_date_start').datepicker({
            format: 'dd-mm-yyyy',
            autoclose:!0,
            todayHighlight:!0
        });
        $('#trans_date_end').datepicker({
            format: 'dd-mm-yyyy',
            autoclose:!0,
            todayHighlight:!0
        });
    </script>
@endpush
@endsection