<x-dashboard-layout>
    <x-title :breadcrumbs="[['link' => route('ha.dashboard'), 'title' => 'Dashboard']]">
        My Dashboard
    </x-title>

    <div class="row g-3">
        {{-- Column 1: Personal notes for the handler --}}
        <div class="col-12 col-lg-4">
            <div class="card h-100">
                <div class="card-body">
                    <h5 class="fw-bold mb-3">My Notes</h5>
                    <livewire:note-manager :owner="auth()->user()" />
                </div>
            </div>
        </div>

        {{-- Column 2: Claims assigned to this handler, grouped by status --}}
        <div class="col-12 col-lg-4">
            <div class="card h-100">
                <div class="card-body">
                    <livewire:ha.handler-claims />
                </div>
            </div>
        </div>

        {{-- Column 3: This handler's task list --}}
        <div class="col-12 col-lg-4">
            <div class="card h-100">
                <div class="card-body">
                    <livewire:ha.handler-tasks />
                </div>
            </div>
        </div>
    </div>
</x-dashboard-layout>
