@extends('portal.layouts.app', [
'class' => '',
'elementActive' => ''
])
@section('title','Logs')
@section('css')
<style>

</style>
@endsection
@section('content')
         <!-- Page Content  -->
         <!-- Page Content  -->
         <div id="content-page" class="content-page">
            <div class="container-fluid">
               <div class="row">
                  <div class="col-sm-12">
                     <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                           <div class="iq-header-title">
                              <h4 class="card-title">User Activity Logs</h4>
                           </div>
                        </div>
                        <form action="" method="post">
                           @csrf
                           <div class="row px-4">
                              <div class="col-sm-3">
                                 <label for="">From</label>
                                 <input type="date" name="fdate" value="{{$fdate}}" class="form-control">
                              </div>
                              <div class="col-sm-3">
                                 <label for="">To</label>
                                 <input type="date" name="tdate" value="{{$tdate}}" class="form-control">
                              </div>
                              <div class="col-sm-3">
                                 <label for="">User</label>
                                 <select name="user_id" id="" class="form-control">
                                    <option value="">Select User</option>
                                    @foreach($users as $user)
                                       <option value="{{$user->id}}" {{$user->id == $user_id ? 'selected' : ''}}>{{$user->name}}</option>
                                    @endforeach
                                 </select>
                              </div>
                              <div class="col-sm-3 text-right">
                                 <button type="submit" class="btn btn-primary mt-4">Filter</button>
                              </div>
                           </div>
                        </form>
                        <div class="iq-card-body">
                           <div class="table-responsive">
                              <table id="datatable" class="table table-striped table-bordered" >
                                 <thead>
                                    <tr>
                                       <th>#</th>
                                       <th>Activity</th>
                                       <th>Properties</th>
                                       <th>User</th>
                                       <th>Role</th>
                                       <th>Date</th>
                                    </tr>
                                 </thead>
                                 <tbody>
                                    @foreach($logs as $k=>$log)
                                    <tr>
                                       <td>{{$k+1}}</td>
                                       <td>{{truncateText($log->description,['words'=>7])}}</td>
                                       <td>{{ $log->properties['ip'] ?? 'N/A' }}</td>
                                       <td>{{ $log->causer ? $log->causer->name : 'System' }}</td>
                                       <td>
                                          @if($log->causer)
                                              {{ $log->causer->roles->pluck('name')->join(', ') }}
                                          @else
                                              N/A
                                          @endif
                                      </td>
                                       <td>{{\Carbon\Carbon::parse($log->created_at)->format('jS M Y, g:i A')}}</td>
                                    </tr>
                                    @endforeach
                                 </tbody>
                              </table>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- Wrapper END -->
@endsection
@section('script')


@endsection