@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="wallet_address" value="{{$_GET['wallet_address']??''}}" placeholder="Wallet Address">
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <input class="form-control" type="text" name="user_code" value="{{$_GET['user_code']??''}}" placeholder="User Code">
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <input class="form-control" type="text" name="refferal_code" value="{{$_GET['refferal_code']??''}}" placeholder="Referel Code">
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <input class="form-control" autocomplete="off" 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" autocomplete="off" 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.list_customers')}}" 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/Wallet Address</th>
            <th data-colname="phone">Phone</th>
            <th data-colname="user_code">User Code</th>
            <th data-colname="refferal_code">Refferel code</th>
            <th>Status</th>
            <th data-colname="created_at">Created on</th>
            <th data-colname="action">Action</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 }} <br>{{ $role->wallet_address }}</td>
            <td>+{{ $role->dial_code }} {{ $role->phone }}</td>
            <td>{{ $role->user_code }}</td>
            <td>{{ $role->refferal_code }}</td>
            <td>{{ $role->getStatusText() }}</td>
            <td>{{ web_date_in_timezone($role->created_at) }}</td>
            <td>
              <div class="dropdown custom-dropdown">
                <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink7" data-toggle="dropdown"
                  aria-haspopup="true" aria-expanded="true">
                  <i class="flaticon-dot-three"></i>
                </a>

                <div class="dropdown-menu" aria-labelledby="dropdownMenuLink7">
                  <!-- @if (get_user_permission('customers', 'u'))
                  <a class="dropdown-item" href="{{ route('admin.edit_product', ['id' => $role->id]) }}">
                    <i class="flaticon-pencil-1"></i> Edit
                  </a>
                  @endif -->
                  @if (get_user_permission('customers', 'u'))
                  <a class="dropdown-item" href="{{ route('admin.view_user_referls', ['id' => $role->id]) }}">
                    <i class="flaticon-list"></i> View Referrals
                  </a>
                  @endif

                  @if (get_user_permission('customers', 'd'))
                  <a class="dropdown-item" data-role="unlink"
                    data-message="Do you want to remove the customer? "
                    href="{{ route('admin.delete_customer', ['id' => $role->id]) }}">
                    <i class="flaticon-delete-1"></i> Delete
                  </a>
                  @endif
                </div>
              </div>
            </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