<x-slot name="header">
    <div>
        <h2 class="text-2xl font-bold text-gray-800">{{ __('Company Management') }}</h2>
        <p class="text-sm text-gray-500 mt-1">{{ __('Manage the companies that participate in projects') }}</p>
    </div>
</x-slot>

<div class="py-12">
    @if(session('message'))
        <div class="alert alert-success mb-4">
            <x-heroicon-o-check-circle class="w-5 h-5" />
            {{ session('message') }}
        </div>
    @endif

    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
        <div class="bg-white rounded-lg shadow p-6">
            <div class="flex justify-end mb-4">
                <a href="{{ route('companies.create') }}" class="btn btn-primary btn-sm gap-1" wire:navigate>
                <x-heroicon-o-plus class="w-4 h-4" />
                    {{ __('New Company') }}
                </a>
            </div>
            <livewire:companies.company-table />
        </div>
    </div>

</div>
