@extends('layouts.admin')

@section('content')

<div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block-head">
                                    <div class="nk-block-between g-3">
                                        <div class="nk-block-head-content">
                                            <h3 class="nk-block-title page-title">Users Session</h3>
                                        </div><!-- .nk-block-head-content -->
                                        @if (session('success')) 
                                           <div class="alert alert-fill alert-success alert-icon" style="margin-bottom:0px; padding: 13px 50px !important;">
                                                <em class="icon ni ni-check-circle"></em> <strong>{{ session('success') }}</strong>
                                           </div>
                                        @endif
                                        @if ($errors->any())
                                            <div class="alert alert-danger" style="margin-bottom:0px;">
                                                <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                        <div class="nk-block-head-content">                                  
                                        </div><!-- .nk-block-head-content -->
                                    </div><!-- .nk-block-between -->
                                </div><!-- .nk-block-head -->                           
                                <div class="nk-block">
                                    <div class="card card-bordered card-stretch">
                                        <div class="card-inner-group">
                                        <div class="card-inner">
                                              <form action="{{ route('userssession') }}" class="form-validate is-alter filter-session">
                                               
                                                <div class="row gy-4">
                                                   <div class="col-sm-4">
                                                        <div class="form-group">
                                                            <div class="form-control-wrap">
                                                                <select name="filter_userrole" id="filter_userrole" class="form-control form-control-md" data-search="on" required>
                                                                    <option value="">Select User Role</option>
                                                                    @foreach($user_roles as $user_role)
                                                                      <option value="{{$user_role->id}}" {{ @$user_role->id == (isset($user_role_id) ? $user_role_id : '' ) ? 'selected' : '' }}>{{$user_role->role}}</option>
                                                                    @endforeach 
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>                                                    
                                                    <div class="col-sm-4"> 
                                                        <div class="form-group">
                                                            <div class="form-control-wrap">
                                                                <select name="filter_username" id="filter_username" class="form-control form-control-md">
                                                                    <option value="">Select Username</option>                                                                                                
                                                                    @foreach($users as $user)                                                                      
                                                                      <option value="{{$user->id}}" {{ @$user->id == (isset($user_id) ? $user_id : '' ) ? 'selected' : '' }}>{{$user->name}}</option>
                                                                    @endforeach                                                              
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>                                       
                                                    <div class="col-sm-4">
                                                       <div class="form-group">
                                                         <div class="form-control-wrap filter-btns"> 
                                                           <button type="submit" class="btn btn-primary">Filter</button>
                                                           <a href="javascript:void(0)" class="btn btn-primary session-reset">Reset</a> 
                                                         </div>
                                                        </div>  
                                                    </div>                                                                                             
                                                </div>
                                              </form>
                                            </div>
                                        
											<div class="card-inner">
                                                <table class="datatable-initss table">
                                                    <thead>
                                                        <tr>
                                                            <th>Username</th>                                                                                                                 
                                                            <th>Login</th>
                                                            <th>Logout</th>
                                                            <th>Total Session</th>                                                      
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                       @foreach($usersessions as $usersession)
                                                            <tr>                                                                                                                          
                                                                <td>{{ucfirst(@$usersession->username)}}</td>                                                              
                                                                <td>
                                                                   01 Jan 1970, 05:30 AM                                                                   
                                                                </td>
                                                                <td>
                                                                   --                                                                   
                                                                </td>
                                                                <td>
                                                                --                                                                </td>                                                                                                                                                                         
                                                            </tr>
                                                        @endforeach                                                  
                                                    </tbody>
                                                </table>
                                                @php
                                                   if(request()->filled('filter_userrole')) {  
                                                      $filter_userrole = request()->filter_userrole;                               
                                                    }
                                                    if(request()->filled('filter_username')) {  
                                                      $filter_username = request()->filter_username;                               
                                                    }
                                                @endphp                                
                                                  {!! $usersessions->appends(['filter_userrole' => isset($filter_userrole) ? $filter_userrole : '','filter_username' => isset($filter_username) ? $filter_username : ''  ])->links() !!}
                                            </div>
                                        </div><!-- .card-inner-group -->
                                    </div><!-- .card -->
                                </div><!-- .nk-block -->
                            </div>
                        </div>
                    </div>
                </div>
@endsection