@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>Deposit Lists</h5>
                        </div>
                    </div>
                 
                </div>
                <div class="card-body">
                    <form method="GET" action="{{ url()->current() }}">
                        <div class="row mb-3">
                          
                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label for="startDate" class="col-form-label pt-0">Date From</label>
                                    <input class="form-control" readonly type="text" name="start_date" id="startDate" placeholder="Search Date"  value="{{ old('start_date')}}" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label for="endDate" class="col-form-label pt-0">Date To</label>
                                    <input class="form-control" readonly type="text" name="end_date" id="endDate" placeholder="End Date"  value="{{ old('end_date')}}" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <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="userID" placeholder="User ID"  value="{{ old('user_id')}}" autocomplete="off">
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label  class="col-form-label pt-0">Search Package</label>
                                    <select name="package_id" class="select2 form-control mb-3 custom-selec">
                                        <option disabled="" selected value="">Select One</option>
                                        @foreach ($packages as $package)
                                            <option @if( request()->get('package_id') == $package->id) selected @endif value="{{ $package->id }}" >{{ $package->package_name }}</option>
                                        @endforeach
                                    </select>
                                    
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label for="totalAmount" class="col-form-label pt-0">Amount</label>
                                    <input class="form-control" type="text" name="total_amount" id="totalAmount" placeholder="Amount"  value="{{ old('total_amount')}}" autocomplete="off">
                                </div>
                            </div>


                            <div class="col-md-3 mt-4">
                            <button class="btn btn-primary">Search</button>
                                <a href="{{url('account/deposit/list')}}" 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>User ID</th>
                                    <th>Name</th>
                                    <th class="text-right">Amount</th>
                                    <th>Total</th>
                                </tr>
                            </thead>
                            <tbody>
                               
                                @foreach($deposits as $key =>$deposit)
                                <tr>
                                    <td class="text-center">{{$key+1}}</td>
                                    <td>{{ cn($deposit, 'member.user_id', '') }}</td>
                                    <td>{{ cn($deposit, 'member.name', '') }}</td>
                                    <td class="text-right">{{ number_format($deposit->total_amount) }} </td>
                                    <td><a href="{{ route('deposit.details', cn($deposit, 'member.id', '0')) }}">{{ $deposit->total }}</a></td>
                                </tr>
                                @endforeach
                              
                            </tbody>                            
                        </table>
                        
                        <div class="float-right mt-2">
                        {{ $deposits->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">
        $('#startDate').datepicker({
            format: 'dd-mm-yyyy',
            autoclose:!0,
            todayHighlight:!0
        });
        $('#endDate').datepicker({
            format: 'dd-mm-yyyy',
            autoclose:!0,
            todayHighlight:!0
        });
    </script>
@endpush
@endsection