@extends('layouts.app')

@section('title', 'Companies')

@section('content')
<div class="section-title">
    <div>
        <h1>Companies</h1>
        <p class="muted">Add a client company, configure Bitrix + portal APIs, then map fields.</p>
    </div>
    <a class="btn" href="{{ route('companies.create') }}">Add company</a>
</div>

<div class="panel">
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Slug</th>
                <th>Status</th>
                <th>Leads stored</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @forelse ($companies as $company)
                <tr>
                    <td><strong>{{ $company->name }}</strong></td>
                    <td>{{ $company->slug }}</td>
                    <td><span class="badge {{ $company->is_active ? 'ok' : 'fail' }}">{{ $company->is_active ? 'Active' : 'Inactive' }}</span></td>
                    <td>{{ $company->processed_leads_count }}</td>
                    <td style="display:flex; gap:8px;">
                        <a class="btn secondary small" href="{{ route('companies.edit', $company) }}">Configure</a>
                        <a class="btn secondary small" href="{{ route('dashboard', ['company_id' => $company->id]) }}">Dashboard</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="5" class="muted">No companies yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection