@extends('maintenance.layout.layout')

@section('audit', 'active')




@section('content')
<section class="content">
    <!-- Page Header -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                    <h1 style="font-weight: bold">Logs</h1> <!--Audit Logs -->
            </div>
        </div>
    </section>

    <!-- Store Card -->
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">System Events & User Activities</h3>
        </div>

        <div class="card-body">
            <table id="datatable" class="table table-bordered table-hover" style="width: 100%;">
                <thead>
                    <tr>
                        <th>User ID</th>
                        <th>Message</th>
                        <th>Body</th>
                        <th>Modified User</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</section>

<!-- Modal -->
<div class="modal fade" id="bodyModal" tabindex="-1" role="dialog" aria-labelledby="bodyModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg"style="max-width: 600px;"role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="bodyModalLabel"style="font-family: 'Gotham-Ultra';">Details</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <pre id="modalBodyContent" class="text-left" style="white-space: pre-wrap; font-family: 'Gotham-Book';"></pre>
            </div>
        </div>
    </div>
</div>
@endsection

@section('javascript')
<script src="{{ asset('js/audit.js') }}"></script>
@endsection

@if($isManager)
<script>
    const storeCode = @json($store->store_code);
</script>
@endif