@extends('layouts.superadmin')
@section('title', 'Tenants')
@section('page-title', 'All Tenants')

@section('content')
<div class="sa-card mb-4 p-4">
    <form method="GET" class="flex gap-3 flex-wrap">
        <input type="text" name="search" value="{{ request('search') }}" placeholder="Search name or email..."
               class="form-input flex-1 min-w-52">
        <select name="status" class="form-input w-36">
            <option value="">All Status</option>
            @foreach(['active','trial','suspended'] as $s)
            <option value="{{ $s }}" {{ request('status') === $s ? 'selected':'' }}>{{ ucfirst($s) }}</option>
            @endforeach
        </select>
        <button type="submit" class="btn-sa-primary">Filter</button>
        @if(request()->hasAny(['search','status']))
        <a href="{{ route('superadmin.tenants.index') }}" class="btn-sa bg-slate-200 hover:bg-slate-300 text-slate-700">Clear</a>
        @endif
    </form>
</div>

<div class="sa-card p-0 overflow-hidden">
    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-slate-50 border-b border-slate-200">
                <tr>
                    <th class="sa-table-th">Business</th>
                    <th class="sa-table-th">Email</th>
                    <th class="sa-table-th">Plan</th>
                    <th class="sa-table-th">Users</th>
                    <th class="sa-table-th">Status</th>
                    <th class="sa-table-th">Trial Ends</th>
                    <th class="sa-table-th">Joined</th>
                    <th class="sa-table-th text-right">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @forelse($tenants as $tenant)
                <tr class="hover:bg-slate-50 transition-colors">
                    <td class="sa-table-td">
                        <a href="{{ route('superadmin.tenants.show', $tenant) }}" class="font-semibold hover:text-indigo-600">
                            {{ $tenant->profile->business_name ?? $tenant->name }}
                        </a>
                        <p class="text-xs text-slate-400">{{ $tenant->slug }}</p>
                    </td>
                    <td class="sa-table-td text-slate-500 text-xs">{{ $tenant->email }}</td>
                    <td class="sa-table-td"><span class="badge-gray capitalize text-xs">{{ $tenant->plan }}</span></td>
                    <td class="sa-table-td text-slate-500">{{ $tenant->users->count() }}</td>
                    <td class="sa-table-td">
                        <span class="{{ $tenant->status === 'active' ? 'badge-green' : ($tenant->status === 'trial' ? 'badge-yellow' : 'badge-red') }}">
                            {{ ucfirst($tenant->status) }}
                        </span>
                    </td>
                    <td class="sa-table-td text-xs text-slate-400">
                        {{ $tenant->trial_ends_at ? $tenant->trial_ends_at->format('d M Y') : '—' }}
                    </td>
                    <td class="sa-table-td text-xs text-slate-400">{{ $tenant->created_at->format('d M Y') }}</td>
                    <td class="sa-table-td text-right">
                        <div class="flex items-center justify-end gap-1">
                            <a href="{{ route('superadmin.tenants.show', $tenant) }}" class="btn-sa bg-slate-100 hover:bg-slate-200 text-slate-700 px-2 py-1 text-xs rounded-lg">View</a>
                            @if($tenant->status !== 'suspended')
                            <form method="POST" action="{{ route('superadmin.tenants.suspend', $tenant) }}" class="inline">
                                @csrf
                                <button type="submit" class="btn-sa bg-red-100 hover:bg-red-200 text-red-700 px-2 py-1 text-xs rounded-lg" onclick="return confirm('Suspend this tenant?')">Suspend</button>
                            </form>
                            @else
                            <form method="POST" action="{{ route('superadmin.tenants.activate', $tenant) }}" class="inline">
                                @csrf
                                <button type="submit" class="btn-sa bg-green-100 hover:bg-green-200 text-green-700 px-2 py-1 text-xs rounded-lg">Activate</button>
                            </form>
                            @endif
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="py-12 text-center text-slate-400">No tenants found</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($tenants->hasPages())
    <div class="p-4 border-t border-slate-200">{{ $tenants->links() }}</div>
    @endif
</div>
@endsection