@extends('layouts.app')

@section('title', __('ui.tenants'))

@section('content')
<div class="d-flex justify-content-between mb-3">
    <h1 class="h4 mb-0">{{ __('ui.tenants') }}</h1>
    <a href="{{ route('admin.tenants.create') }}" class="btn btn-wap">{{ __('ui.create') }}</a>
</div>
<div class="card-soft p-3">
    <div class="table-responsive">
        <table class="table align-middle">
            <thead>
            <tr>
                <th>{{ __('ui.name') }}</th>
                <th>{{ __('ui.email') }}</th>
                <th>{{ __('ui.status') }}</th>
                <th>{{ __('ui.plans') }}</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @foreach($tenants as $tenant)
                <tr>
                    <td>{{ $tenant->name }}</td>
                    <td>{{ $tenant->email }}</td>
                    <td><span class="badge text-bg-secondary">{{ $tenant->status }}</span></td>
                    <td>{{ $tenant->activeSubscription?->plan?->name ?? '—' }}</td>
                    <td><a href="{{ route('admin.tenants.edit', $tenant) }}" class="btn btn-sm btn-outline-secondary">{{ __('ui.edit') }}</a></td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    {{ $tenants->links() }}
</div>
@endsection