@extends('layouts.app')

@section('title', 'Empresas - Banco de Talentos')
@section('meta_description', 'Área para empresas cadastrarem vagas no Banco de Talentos de Angra dos Reis.')

@section('content')
<!-- Empresas Section -->
<section class="empresas-section">
    <div class="container-fluid">
        <div class="container pb-5">
            <!-- Section Title -->
            <h1 class="section-title">Empresas Cadastradas</h1>

            <!-- Companies Grid -->
            <div class="companies-container">
                <div class="row gy-4">
                    @forelse($companies as $company)
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="company-card">
                            <div class="company-icon company-icon-dark">
                            </div>
                            <div class="company-name">{{ $company->trading_name ?? $company->corporate_name }}</div>
                        </div>
                    </div>
                    @empty
                    <div class="col-12">
                        <p class="text-muted">Nenhuma empresa encontrada.</p>
                    </div>
                    @endforelse
                </div>
                <div class="mt-4">
                    {{ $companies->links() }}
                </div>
            </div>
        </div>
    </div>
</section>
@endsection