@extends('layouts.dashboard')
@section('content')    
<div class="container">
    <div class="contentbox">
        <div class="contentboxheading"><i class="las la-history"></i> Activity Log
          <a class="btn btn-primary pull-right mt-2 mr10 btn-form-toggle"><span>Show</span> Filters</a>  
        </div>
        <div class="contentboxinner">
          <div class="form-container fhide">
            <form class="row g-3">
              <div class="col-md-4">
                <label for="txt_filter" class="form-label ml10">Name</label>
                <select class="form-control filter-fields" name="fullname">
                  <option value="">Select Name</option>
                  @foreach($users as $us)
                  <option value="{{$us->id}}">{{$us->fname}} {{$us->lname}}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-md-2">
                <label for="txt_fromdate" class="form-label ml10">From Date</label>
                <input required type="date" class="form-control filter-fields" max="2025-03-15" name="fromDate">
              </div>
              <div class="col-md-2">
                <label for="txt_todate" class="form-label ml10" max="2025-03-15"> To Date</label>
                <input required type="date" class="form-control filter-fields" name="toDate">
              </div>
              <div class="col-md-3 mt-4 mb-3">
                <button type="button" class="btn btn-primary mt-4 search-filter">Search</button>
                <button type="button" class="btn btn-primary ms-2 mt-4" onclick="Javascript:window.location.reload()">Reset</button> 
              </div>
            </form>
          </div>  
          <div class="subheading">User Activity Log</div>
          <div class="col-md-12">
              <div class=" mt-3 mb-3">
                  <table class="table table-striped" id="tbl_adduser">
                    <thead>
                        <tr>
                          <th>Name</th>
                          <th>Login</th>
                          <th>IP Used</th>
                          <th>Browser Info</th>
                          <th>Last Access</th>
                          <th>Total Activity Time</th>
                          <th>Page(s) Accessed</th>
                        </tr>
                    </thead>                     
                    <tbody id="ajaxData">@include('log.activityLog_ajax')</tbody>
                  </table>
              </div>
          </div>
          
        </div>
    </div>
</div>
@endsection

@section('footer_scripts')
<script>

</script>
@endsection