@extends('admin.template.layout')

@section('content')

<div class="card mb-5">
  

  <div class="card-header">
  @if(get_user_permission('customers','c'))
    <!-- <a href="{{route('admin.create_product')}}" class="btn-custom btn mr-2 mt-2 mb-2"><i
        class="fa-solid fa-plus"></i> Create</a> -->
        @endif
        <div class="col-md-12">
          <form method="get" action="">
            <div class="row">
              <div class="col-md-3">
                <div class="form-group">
                  <input class="form-control" type="text" name="search_key" value="{{$_GET['search_key']??''}}" placeholder="Customer Name">
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <input class="form-control" type="text" name="from_date" data-provide="datepicker" value="{{$_GET['from_date']??''}}" placeholder="From Date">
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <input class="form-control" type="text" name="to_date" data-provide="datepicker" value="{{$_GET['to_date']??''}}" placeholder="To Date">
                </div>
              </div>
              
              <div class="from-group">
                <button type="submit" class="btn btn-primary">FIlter</button>
                <a href="{{route('admin.view_user_referls',['id'=>$id])}}" class="btn btn-success">Clear</a>
              </div>
            </div>
          </form>
        </div>
  </div>
  
  <div class="card-body">
    <div class="table-responsive">
      <table class="table table-condensed table-striped" id="example2">
        <thead>
          <tr>
            <th data-colname="id">#</th>
            <th data-colname="name">Customer Name </th>
            <th data-colname="email">Email</th>
            <th data-colname="phone">Phone</th>
            <th data-colname="user_code">User Code</th>
            <th>Status</th>
            <th data-colname="created_at">Created on</th>
            
          </tr>
        </thead>
        <tbody>
          @foreach ($list as $role)
          <tr>
            <td>{{ $loop->index + 1 + ($list->perPage() * ($list->currentPage() - 1)) }}</td>
            <td>{{ $role->name }}</td>
            <td>{{ $role->email }}</td>
            <td>+{{ $role->dial_code }} {{ $role->phone }}</td>
            <td>{{ $role->user_code }}</td>
            <td>{{ $role->getStatusText() }}</td>
            <td>{{ web_date_in_timezone($role->created_at) }}</td>
            
          </tr>
          @endforeach
        </tbody>
      </table>

      <div class="col-sm-12 col-md-12 pull-right">
        <div class="dataTables_paginate paging_simple_numbers" id="example2_paginate">
          {!! $list->appends(request()->all())->links('admin.template.pagination') !!}
        </div>
      </div>

    </div>
  </div>
</div>
@stop
@section('script')
<script>
  jQuery(document).ready(function(){

      App.initTreeView();

  })
</script>
@stop