@extends('layouts.app')
@section('title', __('Tenants'))
@section('page-title', 'Tenants')
@section('page-subtitle', 'Manage every workspace on the platform')

@section('content')
@include('super-admin._nav')

<div class="card overflow-hidden">
    <div class="px-6 py-4 border-b border-slate-200/70 dark:border-slate-800 flex flex-col sm:flex-row sm:items-center gap-3 justify-between">
        <form method="GET" class="flex-1 max-w-md">
            <input name="q" value="{{ request('q') }}" class="form-input" placeholder="Search tenants…">
        </form>
        <a href="{{ route('super-admin.tenants.create') }}" class="btn-primary">
            <x-icon name="plus" class="w-4 h-4"/> New tenant
        </a>
    </div>
    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-slate-50 dark:bg-slate-900/60 text-xs uppercase text-slate-500">
                <tr>
                    <th class="text-left px-6 py-3">Name</th>
                    <th class="text-left px-6 py-3">Slug</th>
                    <th class="text-left px-6 py-3">Plan</th>
                    <th class="text-left px-6 py-3">Users</th>
                    <th class="text-left px-6 py-3">Status</th>
                    <th class="text-right px-6 py-3">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
                @forelse($tenants as $tenant)
                    <tr class="hover:bg-slate-50/60 dark:hover:bg-slate-800/40">
                        <td class="px-6 py-3 font-medium">{{ $tenant->name }}</td>
                        <td class="px-6 py-3 text-slate-500">{{ $tenant->slug }}</td>
                        <td class="px-6 py-3 capitalize">{{ $tenant->plan }}</td>
                        <td class="px-6 py-3">{{ $tenant->users_count }}</td>
                        <td class="px-6 py-3">
                            <span class="{{ $tenant->isActive() ? 'badge-success' : 'badge-warn' }}">{{ $tenant->status }}</span>
                        </td>
                        <td class="px-6 py-3">
                            <div class="flex items-center justify-end gap-1">
                                <form method="POST" action="{{ route('super-admin.tenants.impersonate', $tenant) }}">@csrf
                                    <button class="btn-ghost" title="Impersonate"><x-icon name="eye" class="w-4 h-4"/></button>
                                </form>
                                <a href="{{ route('super-admin.tenants.edit', $tenant) }}" class="btn-ghost" title="Edit"><x-icon name="edit" class="w-4 h-4"/></a>
                                <form method="POST" action="{{ route('super-admin.tenants.destroy', $tenant) }}"
                                      onsubmit="return confirm('Delete this tenant and ALL its users?')">@csrf @method('DELETE')
                                    <button class="btn-ghost text-rose-600" title="Delete"><x-icon name="trash" class="w-4 h-4"/></button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="px-6 py-12 text-center text-slate-500">No tenants yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="px-6 py-4">{{ $tenants->links() }}</div>
</div>
@endsection