<x-admin-app-layout>
    <div class="white-box">
        <x-admin::page-header title="{{ __('Custom CSS') }}" :isFilterable="false" />
        <form method="POST" action="{{ route('admin.settings.custom-css.store') }}"
            class="form-submit-edit space-y-4 xl:space-y-6">
            @csrf
            <div class="editorContainer" data-input="customCssInput"></div>
            <input type="hidden" name="custom_css" id="customCssInput" value="{{ getOption('custom_css') }}">
            <div class="flex gap-3">
                <button class="btn-primary">{{ __('Submit') }}</button>
            </div>
        </form>
    </div>
    @push('scripts')
        @vite('resources/admin/js/settings/custom-css.js')
    @endpush
</x-admin-app-layout>
