@extends('layouts.app-settings')

@section('main-content')
<main class="app-main">

  @include('settings.settings-head')  

  <section class="content-body ">
    <div class="container-fluid main-body">
      
      <div class="col-12">
        <div class="card my-4">
          <div class="card-header p-0 position-relative mt-n5 mx-2" >
            <div class="bg-primary shadow-primary rounded-2 pt-4 pb-3 d-flex justify-content-between align-items-center">
              <h5 class="text-uppercase ps-3 print-title text-white">Logs</h5>
            </div>
          </div>
          <div class="card-body" id="show_all_logs">
            <h1 class="text-center text-secondary my-5 loading-text" id="loading-text">Loading</h1>
            <div id="table_start" class="table-responsive">
              <table id="table-logs" class="mytable table-sm" cellspacing="0" width="100%">
                <thead>
                  <tr>
                    <th>#</th>
                    <th>USER</th>
                    <th>Action</th>
                    <th>Date/ Time</th>
                  </tr>
                </thead>
              </table>
            </div>
          </div>
        </div>
      </div>
      
    </div>

  </section>

</main>
@endsection('main-content')