FormsList Component

<livewire:forms::forms-list />

<div class="forms-list">
    {{-- Search & Filters --}}
    <div class="filters">
        <input wire:model.live.debounce.300ms="search" placeholder="Search forms...">

        <select wire:model.live="statusFilter">
            <option value="">All Status</option>
            <option value="active">Active</option>
            <option value="inactive">Inactive</option>
        </select>
    </div>

    {{-- Forms Table --}}
    <table>
        <thead>
            <tr>
                <th wire:click="sortBy('name')">Name</th>
                <th wire:click="sortBy('slug')">Slug</th>
                <th wire:click="sortBy('submissions_count')">Submissions</th>
                <th wire:click="sortBy('is_active')">Status</th>
                <th wire:click="sortBy('created_at')">Created</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($forms as $form)
                <tr>
                    <td>{{ $form->name }}</td>
                    <td>{{ $form->slug }}</td>
                    <td>{{ $form->submissions_count }}</td>
                    <td>{{ $form->is_active ? 'Active' : 'Inactive' }}</td>
                    <td>{{ $form->created_at->format('M d, Y') }}</td>
                    <td>
                        <a href="{{ route('forms.edit', $form) }}">Edit</a>
                        <a href="{{ route('forms.submissions.index', $form) }}">Submissions</a>
                        <button wire:click="duplicate({{ $form->id }})">Duplicate</button>
                        <button wire:click="delete({{ $form->id }})">Delete</button>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>

    {{-- Pagination --}}
    {{ $forms->links() }}
</div>

public function sortBy(string $column): void
{
    if ($this->sortBy === $column) {
        $this->sortDirection = $this->sortDirection === 'asc' ? 'desc' : 'asc';
    } else {
        $this->sortBy = $column;
        $this->sortDirection = 'asc';
    }
}

public function duplicate(int $id): void
{
    $form = Form::findOrFail($id);
    $this->authorize('create', Form::class);

    $newForm = $this->formService->duplicate($form);

    session()->flash('success', "Form duplicated: {$newForm->name}");
}

public function delete(int $id): void
{
    $form = Form::findOrFail($id);
    $this->authorize('delete', $form);

    $this->formService->delete($form);

    session()->flash('success', 'Form deleted.');
}

public function toggleStatus(int $id): void
{
    $form = Form::findOrFail($id);
    $this->authorize('update', $form);

    $form->update(['is_active' => !$form->is_active]);
}

php artisan vendor:publish --tag=forms-views

namespace App\Livewire;

use ArtisanPackUI\Forms\Livewire\FormsList;

class CustomFormsList extends FormsList
{
    // Add custom filters
    public string $departmentFilter = '';

    public function getFormsProperty()
    {
        $query = parent::getFormsProperty();

        if ($this->departmentFilter) {
            $query->where('department', $this->departmentFilter);
        }

        return $query;
    }
}