@extends('adminlayout.admin')

 @section('content')

 <style >
     .cursor{
        cursor: pointer;
     }
     .nk-content-fluid{
        margin-top: 65px;
        position: relative;
     }
 </style>
 <div class="content-wrapper">
<section class="content">

   <!-- Content Start -->
  <section class="content">

        <div class="box">
      <div class="box-body">
        <div class="alert alert-success mb-0">
          <p><span class="fa fa-fw fa-info-circle"></span> Collection Report ({{$list[1]}})    <a style="color: #b3ffe0;font-weight: bold;border: 1px solid #fff;padding: 0px 10px;text-decoration: none;text-transform: uppercase; float: right;" href="{{route('exportuserlist')}}">Export &rarr;</a></p>
        </div>
      </div>
    </div>
        
    <div class="row">
                <!-- Collection Report Start -->
          <div id="collection-report" class="col-md-12">
            <div class="box box-info">
              

              <div class="box-header with-border" style="padding: 12px 10px;">
                
              <div class="dataTables_length" id="report_collection_length">
                 <form>
                <label>Show 
                    <select name="report_collection_length" aria-controls="report_collection" class="form-control input-sm" onchange="this.form.submit()">
                        <option value="10" @if($list[3]==10) selected @endif>10</option>
                        <option value="25" @if($list[3]==25) selected @endif>25</option>
                        <option value="50" @if($list[3]==50) selected @endif>50</option>
                        <option value="100" @if($list[3]==100) selected @endif>100</option>
                        <option value="200" @if($list[3]==200) selected @endif>200</option>
                        <option value="-1" @if($list[3]==-1) selected @endif>All</option>
                    </select> entries
                </label>
              </form>
             </div>
                <div class="box-tools pull-right">
                  <div class="btn-group" style="max-width:280px;">
                      <div class="input-group">
                        <div class="input-group-addon no-print" style="padding: 2px 8px; border-right: 0;">
                          <i class="fa fa-users" id="addIcon" style="font-size: 1.2em;"></i>
                        </div>
                        <select  class="form-control bulk-action-user" data-search="off" data-placeholder="Bulk Action" data-id="" url="{{url()->current()}}" >
                            <option value="">--- Please Select ---</option>
                            <option value="">Bulk Action</option>
                            <option value="delete" >Delete User</option>

                                           
                        </select>
                        <div class="input-group-addon no-print" style="padding: 2px 8px; border-left: 0;">
                          <i class="fa fa-search" id="addIcon" style="font-size: 1.2em;"></i>
                        </div>
                      </div>
                  </div>
                </div>
              </div>
              <div class="dashboard-widget box-body">
                 
<div class="table-responsive" ng-controller="ReportCollectionController">
  <table id="report_collection" class="table table-striped table-bordered" data-hide-colums="">
    <thead>
      <tr class="bg-gray">
         <th ><div class="custom-control custom-control-sm custom-checkbox notext">
                                            <input type="checkbox" class="custom-control-input" id="uid">
                                            <label class="custom-control-label" for="uid"></label>
                                        </div></th>
                     <th ></th>
                     <th >User</th>
                     <th >Deale Type</th>
                     <th >Email</th>
                     <th >Phone</th>                     
                     <th >Verified</th>                    
                     <th >Last Login</th>
                     <th >Status</th>
                     
      </tr>
    </thead>
    <tfoot>
    @foreach($list[0] as $data )
      <tr class="odd" >
         <th><div class="custom-control custom-control-sm custom-checkbox notext ">
                        <input type="checkbox"  class="custom-control-input checkbox-user-list" id="uid{{$data->id}}" data-id="{{$data->id}}">
                        <label class="custom-control-label" for="uid{{$data->id}}"></label>
                    </div></th>
                    <th><span class="p-5 alert alert-success">{{ substr($data->name, 0, 2) }}</span></th> 
                    <th>{{$data->name}} </th>
                  
                    <th> @foreach($data->roles->pluck('name') as $name)
                       {{ $name }}
                   @endforeach</th>
                    <!-- <th> {{$data->roles}}</th> --> 
                    <th>{{$data->email}}</th> 
                    <th>{{$data->phone}} </th> 
                    <th>{{$data->userActivity->last()->created_at ?? ''}}</th> 
                   
                    <th> @if($data->login_status == 'approved')
                    <div class="nk-tb-col">
                        <span class="tb-status text-success">Active</span>
                    </div>
                    @else
                    <div class="nk-tb-col">
                        <span class="tb-status text-warning">Inactive</span>
                    </div>
                    @endif</th> 
                    <th>
                          <ul class="nk-tb-actions gx-2">
                                            <li class="nk-tb-action-hidden">
                                                <a href="#" class="btn btn-sm btn-icon btn-trigger" data-toggle="tooltip" data-placement="top" title="Wallet">
                                                    <em class="icon ni ni-wallet-fill"></em>
                                                </a>
                                            </li>
                                            
                                            
                                            <li class="nk-tb-action-hidden send-email-to-user" data-email="{{$data->email}}" data-name="{{$data->name}}">
                                                <a  class="btn btn-sm btn-icon btn-trigger " data-toggle="tooltip" data-placement="top" title="Send Email">
                                                    <em class="icon ni ni-mail-fill"></em>
                                                </a>
                                            </li>
                                            
                                            
                                           
                                            
                                            <li>
                                                <div class="drodown">
                                                    <a href="#" class="btn btn-sm btn-icon btn-trigger dropdown-toggle" data-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        <ul class="link-list-opt no-bdr">

                                                            <li><a href="{{route('userdetails',['id'=>$data->id])}}"><em class="icon ni ni-eye"></em><span>View Details</span></a></li>

                                                            <li><a href="{{route('edituserdetails',['id'=>$data->id])}}"><em class="icon ni ni-pen"></em><span>Edit Details</span></a></li>

                                                            <li class="divider"></li>
                                                            <li class="cursor reset-password-userlist" data-id="{{$data->id}}" data-name="{{$data->name}}"><a ><em class="icon ni ni-shield-star"></em><span>Reset Pass</span></a></li>

                                                            
                                                            <li class="divider"></li>
                                                            <li class="cursor delete-user-userlist" data-id="{{$data->id}}" url="{{url()->current()}}" table="users"><a ><em class="icon ni ni-trash"></em><span>Delete User</span></a></li>

                                                        </ul>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                    </th>  
      </tr>
      @endforeach
    </tfoot>
  </table>
</div>              </div>
            </div>
          </div>
          <!--Collection Report End -->
          
      </div>
  </section>
  <!-- Content End -->



</div>
</div>
</div>
</section>

</div>




<div class="modal fade" role="dialog" id="change-user-password-userlist">
        <div class="modal-dialog modal-dialog-centered modal-md" role="document">
            <div class="modal-content">
                <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                <div class="modal-body modal-body-lg">
                    <h5 class="title">Change Your Password</h5>
                    <ul class="nk-nav nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#personal-document">Password</a>
                        </li>
                        
                    </ul><!-- .nav-tabs -->
                    <div class="tab-content">
                        <div class="tab-pane active" id="personal-document">
                            <form action="{{route('userlistchangepassword')}}" method="post">
                                @csrf
                            <div class="row gy-4">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <div class="form-label-group">
                                            <label class="form-label" for="password">Change Passcode</label>
                                            
                                        </div>
                                        <div class="form-control-wrap">
                                            <a tabindex="-1" href="#" class="form-icon form-icon-right passcode-switch lg" data-target="password">
                                                <em class="passcode-icon icon-show icon ni ni-eye"></em>
                                                <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                                            </a>

                                            <input name="password" autocomplete="new-password" type="password"  class="form-control form-control-lg" required id="password" placeholder="Enter your passcode">
                                            <input type="hidden" name="url" value="userlist">
                                            <input type="hidden" name="id" value="" id="id_of_user">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                                        <li>
                                            <button type="submit" class="btn btn-lg btn-primary">Change  Password</button>
                                        </li>
                                        <li>
                                            <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            </form>
                        </div><!-- .tab-pane -->
                        
                    </div><!-- .tab-content -->
                </div><!-- .modal-body -->
            </div><!-- .modal-content -->
        </div><!-- .modal-dialog -->
    </div>
    
<!--send email modal-->


<script type="text/javascript">
        function tableToCSV() {
 
            // Variable to store the final csv data
            var csv_data = [];
 
            // Get each row data
            var rows = document.getElementsByClassName('sub-text');
			console.log(rows);
			var csvrow = [];
            for (var i = 0; i < rows.length; i++) {
 
                // Get each column data
                var cols = rows[i];
 	         
                 csvrow.push(cols.innerHTML);
 
                // Combine each column value with comma
                csv_data.push(csvrow.join(","));
            }
 
            // Combine each row data with new line character
            csv_data = csv_data.join('\n');
 
            // Call this function to download csv file  
            downloadCSVFile(csv_data);
 
        }
 
        function downloadCSVFile(csv_data) {
 
            // Create CSV file object and feed
            // our csv_data into it
            CSVFile = new Blob([csv_data], {
                type: "text/csv"
            });
 
            // Create to temporary link to initiate
            // download process
            var temp_link = document.createElement('a');
 
            // Download csv file
            temp_link.download = "users.csv";
            var url = window.URL.createObjectURL(CSVFile);
            temp_link.href = url;
 
            // This link should not be displayed
            temp_link.style.display = "none";
            document.body.appendChild(temp_link);
 
            // Automatically click the link to
            // trigger download
            temp_link.click();
            document.body.removeChild(temp_link);
        }
    </script>


@endsection