{{-- resources/views/guests/companies/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Companies')
@section('page_title', 'Companies')
@section('page_subtitle', 'Corporate accounts')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-3">
    <form method="GET" class="d-flex gap-2">
        <input type="text" name="search"
               class="form-control form-control-sm"
               style="width:200px;"
               placeholder="Search company..."
               value="{{ request('search') }}">
        <button type="submit"
                class="btn btn-sm btn-outline-secondary">
            Search
        </button>
    </form>
    <div class="d-flex gap-2">
        <a href="{{ tenant_route('guests.index') }}"
           class="btn btn-sm btn-outline-secondary">
            <i class="bi bi-people me-1"></i>Guests
        </a>
        <a href="{{ tenant_route('guests.companies.create') }}"
           class="btn btn-primary btn-sm">
            <i class="bi bi-plus-lg me-1"></i>Add Company
        </a>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <span class="card-title">
            Companies
            <span style="font-size:.75rem;font-weight:400;
                         color:var(--muted);margin-left:6px;">
                {{ $companies->total() }}
            </span>
        </span>
    </div>

    @if($companies->isEmpty())
        <div class="card-body text-center py-5">
            <i class="bi bi-building"
               style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No companies yet</p>
            <a href="{{ tenant_route('guests.companies.create') }}"
               class="btn btn-primary btn-sm mt-2">
                Add Company
            </a>
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Company</th>
                        <th>Contact</th>
                        <th>Guests</th>
                        <th>Reservations</th>
                        <th>Status</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($companies as $company)
                        <tr onclick="window.location='{{ tenant_route('guests.companies.show', ['company' => $company->id]) }}'"
                            style="cursor:pointer;">
                            <td>
                                <div class="fw-semibold" style="font-size:.83rem;">
                                    {{ $company->name }}
                                </div>
                                @if($company->registration_number)
                                    <div style="font-size:.7rem;color:var(--muted);">
                                        Reg: {{ $company->registration_number }}
                                    </div>
                                @endif
                            </td>
                            <td>
                                @if($company->email)
                                    <div style="font-size:.78rem;">
                                        {{ $company->email }}
                                    </div>
                                @endif
                                @if($company->phone)
                                    <div style="font-size:.73rem;color:var(--muted);">
                                        {{ $company->phone }}
                                    </div>
                                @endif
                            </td>
                            <td style="font-size:.8rem;color:var(--muted);">
                                {{ $company->guests_count }}
                            </td>
                            <td style="font-size:.8rem;color:var(--muted);">
                                {{ $company->reservations_count }}
                            </td>
                            <td>
                                <span style="font-size:.7rem;font-weight:600;
                                             padding:2px 8px;border-radius:20px;
                                             background:{{ $company->is_active ? '#d1fae5' : '#f1f5f9' }};
                                             color:{{ $company->is_active ? '#065f46' : '#64748b' }};">
                                    {{ $company->is_active ? 'Active' : 'Inactive' }}
                                </span>
                            </td>
                            <td onclick="event.stopPropagation()">
                                <a href="{{ tenant_route('guests.companies.show', ['company' => $company->id]) }}"
                                   class="btn btn-xs btn-outline-secondary">
                                    View →
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($companies->hasPages())
            <div class="card-body"
                 style="border-top:1px solid var(--border);padding:12px 16px;">
                {{ $companies->links() }}
            </div>
        @endif
    @endif
</div>

@endsection