<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">Create Report Rule</h2>
    </x-slot>

    <div class="py-8">
        <div class="max-w-5xl mx-auto sm:px-6 lg:px-8">
            <div class="card p-6">
                <form method="POST" action="{{ route('admin.report-rules.store') }}">
                    @csrf
                    @include('admin.report-rules._form')
                    <div class="mt-6 flex justify-end gap-2">
                        <a href="{{ route('admin.report-rules.index') }}" class="btn-outline">Cancel</a>
                        <button class="btn-primary">Save Rule</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</x-app-layout>
