@extends('admin.layout')

@section('content')
    


<!-- begin::main content -->

<main class="main-content">

    <div class="container">

        <!-- begin::page header -->
        <div class="page-header">
            <h3>User List</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{asset('dashboard')}}">Dashboard</a></li>
                  
                    <li class="breadcrumb-item active" aria-current="page">User List</li>
                </ol>
            </nav>
        </div>
        <!-- end::page header -->
        
        <div class="row">
            <div class="col-md-6">
                <form action="" method="GET">
        
                    <div class="form-group col-md-8">
                       
                       <input type="text" class="form-control" name="query" placeholder="Search here....." value="{{ request()->input('query') }}">
                       <span class="text-danger">@error('query'){{ $message }} @enderror</span>
                      
                    </div>
                    
                    
                
            </div>
            <div class="form-group col-md-4">
                <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i>&nbsp; Search</button>
                {{-- <a href="{{asset('admin/user-list')}}"  class="btn btn-primary"><i class="fa fa-refresh"></i>&nbsp; Reset</a> --}}
            </div>

        </form>
    </div>

        <div class="card">
           
            <div class="card-body">
                <a href="{{asset('admin/user-list')}}" class="form-group btn btn-primary pull-right"><i class="fa fa-list"></i>&nbsp; User List</a>
               
               

                @if(isset($users))
                <table  class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>Id</th>
                        <th>Model Id</th>                       
                        <th>Model No</th>
                     
                       
                        <th>Enable/Disable</th>
                        <th>Status</th>
                        
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                        @if(!empty($users))
                        @foreach($users as $user)
                    <tr>
                        <td>{{$user->id}}</td>
                        <td>{{$user->model_id}}</td>
                        <td>{{$user->model_no}}</td>
                      
                       
                          <td><?php
                            //  echo $admin_user->status;
                             $check_status = ($user->status == "1") ? 'checked' : '';


                             


                            echo '<div class="custom-control custom-switch custom-checkbox-success">
                                <input type="checkbox" '.$check_status.' data-device-id="'.$user->id.'" value="1" class="custom-control-input status-change" id="customSwitch2_'.$user->id.'">
                                <label class="custom-control-label" for="customSwitch2_'.$user->id.'"></label>
                            </div>';        
                    ?></td>

                   

                        <td>
                            @if($user->status == 1)
                                <label for="" class="text-success">Active</label>
                            @endif

                            @if($user->status == 0)
                            <label for="" class="text-danger">Inactive</label>
                            @endif

                        </td>


                       
                        <td>
                            <?php 
                                 $permission = App\Helpers\PermissionActivity::getPermissionByAdminId(session('loggedIn')['id'],8);                                                          
                                 
                            ?>

                            @if($permission == 'read')
                         
                           
                            @endif

                            @if($permission == 'write')
                       
                            
                            @endif

                            @if($permission == 'delete')
                         
                            <a  href="{{asset('admin/user-device-delete/'.$user->id)}}" class="delete-confirm"   ><i class="fa fa-trash text-danger"></i></a>
                            @endif

                            
                        </td>
                       
                    </tr>
                    @endforeach
                    @else
                        <h1>No Record Found!!</h1>
                    @endif
                    
                    </tbody>
                  
                </table>
                <div class="pagination-block">

                    @if(isset($_GET['query']))

                         {{ $users->appends(['query' => $_GET['query']])->links('admin.includes.paginationlinks') }}
                    @else
                     {{ $users->links('admin.includes.paginationlinks') }} 
                     @endif
                    
                    <label>Total Record Found- <?php echo count($users) ?></label>
                </div>
 
              @endif

            </div>
        </div>

       

    </div>

</main>
<!-- end::main content -->

@endsection
@push('footer-script')
    <!-- begin::dataTable -->

<script src="{{asset('public/admin/js/examples/datatable.js')}}"></script>
<!-- end::dataTable -->

<script type="text/javascript">

    $(document).ready(function(){

         $(document).on('change','.status-change', function (e) {
        e.preventDefault();

         
        var dataid = $(this).attr('data-device-id');
        var ckb = $(this).is(':checked');


        $.ajaxSetup({
                      headers: {
                          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                      }
                      });

              // alert(dataid);

        $.ajax({
            type:"post",
            data:{
                "id":dataid,
                "ckb":ckb
            },
            url:"{{ asset('admin/user-device-change-status/') }}",
            success:function(result)
            {
                // console.log(result);
                // return false;

                location.reload();

                if (ckb && data) {
                     toastr.success('Successfully Activated!');
                }
                else if (ckb == false && data) {
                    toastr.warning('Successfully Deactivated!');
                }
                else {
                    toastr.warning('Please Try Again!');
                }
            }
        });

      

    });

});

</script>
@endpush