@extends('layouts.main')


<style>
    .view-log-modal-inner {
        max-height: 75vh;
        overflow-y: auto;
    }

</style>
@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">

    <x-page-header>
        VIEWING TOTAL DATABASE LOGS
    </x-page-header>

    <div class="d-flex justify-content-end align-items-center gap-3 mb-5">
        <form id="database-logs-form" style="display: contents">

            <x-ui.search-field placeholder="SEARCH MESSAGE">

            </x-ui.search-field>

            <x-ui.select.filter
                name="level"
                id="logLevel"
                :options="$levels"
                all="Όλα τα επίπεδα"
            />

            <x-ui.select.filter
                name="services"
                id="services"
                :options="$microservices"
                all="Όλες οι υπηρεσίες"
            />

        </form>

    </div>


    <div id="listDataContainer">

        @include('management-logs.partials.logs-list')
    </div>

    </div>
@endsection

@push('scripts-stack')
    <script defered>
        $s = jQuery.noConflict()
        $s(document).ready(function () {
            setAjaxFilters("{{route('management-logs')}}", 'database-logs-form')
        });
    </script>
@endpush