@extends('layouts.main')

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

    <div class="settings-management">

        <x-page-header
        >
            VIEWING TOTAL SYSTEM SETTINGS
        </x-page-header>
        <div class="d-flex justify-content-end gap-3 mb-3">
            <form action="{{route('management-settings.system.refresh.cache')}}"
                  id="refreshCache" method="POST">
                @csrf
                <x-ui.blue-button form="refreshCache">
                    REFRESH CACHE
                </x-ui.blue-button>
            </form>
            <x-ui.blue-button modal="create-setting-modal">
                CREATE SETTING
            </x-ui.blue-button>
            @include('management-settings.partials.create-setting-modal')
        </div>

        <div id="listDataContainer">
            @include('management-settings.partials.settings-list')
        </div>
    </div>

    </div>
@endsection