@extends('layouts.app')
@section('title', 'Subscription')

@section('breadcrumb')
    <li class="breadcrumb-item active">Subscription</li>
@endsection

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="page-title mb-0">Subscription</h1>
        <p class="page-subtitle mb-0">Manage your company group and member companies</p>
    </div>
    @if($group)
        <a href="{{ route('select-company') }}" class="btn btn-outline-primary btn-sm">
            <i class="bi bi-building me-1"></i>Switch company
        </a>
    @endif
</div>

<div class="row g-3 mb-4">
    @foreach([
        ['label'=>'Total',    'val'=>$stats['total'],    'bg'=>'#EBF3FB','color'=>'#1B4F8A'],
        ['label'=>'Active',   'val'=>$stats['active'],   'bg'=>'#d1e7dd','color'=>'#0a3622'],
        ['label'=>'Expired',  'val'=>$stats['expired'],  'bg'=>'#f8d7da','color'=>'#842029'],
        ['label'=>'Inactive', 'val'=>$stats['inactive'], 'bg'=>'#e2e3e5','color'=>'#41464b'],
    ] as $stat)
    <div class="col-6 col-md-3">
        <div style="background:{{ $stat['bg'] }};border-radius:8px;padding:12px 16px;">
            <div style="font-size:11px;color:{{ $stat['color'] }};font-weight:700;letter-spacing:.5px;text-transform:uppercase">{{ $stat['label'] }}</div>
            <div style="font-size:22px;font-weight:700;color:{{ $stat['color'] }}">{{ $stat['val'] }}</div>
        </div>
    </div>
    @endforeach
</div>

@if($groups->isNotEmpty())
<div class="card mb-4">
    <div class="card-header">
        <div class="fw-semibold">Groups of Companies</div>
        <div class="text-muted" style="font-size:12px">Companies assigned under your subscription group.</div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>Group ID</th>
                        <th>Group name</th>
                        <th>Member companies</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($groups as $item)
                    <tr>
                        <td><code>{{ $item->group_code }}</code></td>
                        <td class="fw-semibold">{{ $item->name }}</td>
                        <td>{{ $item->companies->pluck('name')->implode(', ') ?: '—' }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endif

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <div>
            <div class="fw-semibold">Companies</div>
            <div class="text-muted" style="font-size:12px">Member companies in your subscription.</div>
        </div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>Company</th>
                        <th>Admin email</th>
                        <th>Members</th>
                        <th>Expires</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($companies as $company)
                    <tr>
                        <td>
                            <div class="d-flex align-items-center gap-2">
                                <x-company-logo context="inline" :company="$company" />
                                <span class="fw-semibold">{{ $company->name }}</span>
                            </div>
                        </td>
                        <td style="font-size:13px">{{ $company->admin?->email ?? $company->email ?? '—' }}</td>
                        <td>{{ $company->users_count ?? $company->users()->count() }}</td>
                        <td style="font-size:13px">
                            @if($company->subscription?->subscription_ends_at)
                                {{ $company->subscription->subscription_ends_at->format('d M Y') }}
                            @elseif($company->subscription?->trial_ends_at)
                                Trial {{ $company->subscription->trial_ends_at->format('d M Y') }}
                            @else
                                —
                            @endif
                        </td>
                        <td>
                            <span class="badge {{ $company->status === 'active' ? 'text-bg-success' : 'text-bg-secondary' }}">
                                {{ ucfirst($company->status) }}
                            </span>
                        </td>
                        <td>
                            @if($company->id !== auth()->user()->company_id)
                                <form method="POST" action="{{ route('select-company.select') }}" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="company_id" value="{{ $company->id }}">
                                    <button type="submit" class="btn btn-outline-primary btn-sm">Open</button>
                                </form>
                            @else
                                <span class="badge text-bg-primary">Current</span>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection