@extends('layouts.app')

@section('title', 'Sub-Companies')

@section('content')
<x-page-header title="Sub-Companies" subtitle="Create and manage virtual accounts for sub-companies" icon="users" icon-color="violet">
    <x-slot:actions>
        @if ($canAddSubCompany)
            <a href="{{ route('sub-companies.create') }}" class="btn-primary btn-sm">
                <x-icon name="plus" class="w-4 h-4" />
                New sub-company
            </a>
        @endif
    </x-slot:actions>
</x-page-header>

<div class="glass-card-subtle p-4 mb-6 flex flex-wrap items-center gap-3 text-sm">
    <span class="text-themed-muted">Sub-companies:</span>
    <span class="font-semibold text-themed">{{ $subCompanies->count() }}</span>
    @if ($maxSubCompanies === null)
        <span class="badge-info">Unlimited</span>
    @else
        <span class="text-themed-muted">of {{ $maxSubCompanies }} allowed</span>
    @endif
    @unless ($canAddSubCompany)
        <span class="text-amber-400 text-xs">{{ $company->planLimitMessage('sub_companies') ?? 'You have reached your plan limit.' }}</span>
    @endunless
</div>

<div class="table-wrap">
    <div class="overflow-x-auto md:overflow-visible">
        <table class="data-table responsive-table">
            <thead>
                <tr>
                    <th>Sub-company</th>
                    <th>Number</th>
                    <th>Plan</th>
                    <th>Owner</th>
                    <th>Users</th>
                    <th>Devices</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($subCompanies as $subCompany)
                    <tr>
                        <td data-label="Sub-company">
                            <span class="font-medium text-themed">{{ $subCompany->name }}</span>
                            <p class="text-xs text-themed-muted">{{ $subCompany->slug }}</p>
                        </td>
                        <td data-label="Number" class="font-mono tabular-nums text-sm">{{ $subCompany->formattedCompanyNumber() }}</td>
                        <td data-label="Plan">
                            @if ($subCompany->subscriptionPlan)
                                <span class="badge-info">{{ $subCompany->subscriptionPlan->name }}</span>
                            @else
                                <span class="text-themed-muted">—</span>
                            @endif
                        </td>
                        <td data-label="Owner" class="text-sm">{{ $subCompany->owner?->email ?? '—' }}</td>
                        <td data-label="Users">{{ $subCompany->users_count }}</td>
                        <td data-label="Devices">{{ $subCompany->devices_count }}</td>
                        <td data-label="" class="td-actions">
                            <form method="POST" action="{{ route('sub-companies.enter', $subCompany) }}">@csrf<button class="btn-secondary btn-sm" type="submit">Enter</button></form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center py-10 text-themed-muted">No sub-companies yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

@if (session('acting_sub_company_id'))
    <form method="POST" action="{{ route('sub-companies.exit') }}" class="mt-4">
        @csrf
        <button type="submit" class="btn-ghost btn-sm">Exit sub-company view</button>
    </form>
@endif
@endsection