@extends('layouts.app')

@section('title', 'Businesses')
@section('page-title', 'Businesses')

@section('content')
<div class="page-actions">
    <div><h2>Managed profiles</h2><p>Add authorized client profiles and organize their review records.</p></div>
    <a class="button primary" href="{{ route('businesses.create') }}">＋ Add business</a>
</div>

<div class="business-grid">
    @forelse ($businesses as $business)
        <article class="business-card">
            <div class="business-head">
                <span class="business-avatar">{{ strtoupper(substr($business->name, 0, 1)) }}</span>
                <span class="badge {{ $business->is_active ? 'status-removed' : 'status-closed' }}">{{ $business->is_active ? 'Active' : 'Paused' }}</span>
            </div>
            <h3>{{ $business->name }}</h3>
            <a class="external-link" href="{{ $business->google_maps_url }}" target="_blank" rel="noopener">Open Google profile ↗</a>
            <div class="business-stats">
                <div><small>Current rating</small><strong>{{ $business->current_rating ?: 'Not set' }}</strong></div>
                <div><small>Low reviews</small><strong>{{ $business->low_reviews_count }}</strong></div>
                <div><small>Total records</small><strong>{{ $business->reviews_count }}</strong></div>
            </div>
            <div class="card-actions">
                <a class="button secondary" href="{{ route('businesses.show', $business) }}">Manage</a>
                <a class="icon-button" href="{{ route('businesses.edit', $business) }}" aria-label="Edit">✎</a>
            </div>
        </article>
    @empty
        <div class="card empty-page"><span class="empty-icon">⌂</span><h3>Add your first business</h3><p>Connect a profile and start organizing low reviews.</p><a class="button primary" href="{{ route('businesses.create') }}">Add business</a></div>
    @endforelse
</div>

{{ $businesses->links() }}
@endsection