@extends('layouts.superadmin')
@section('title', $tenant->name)
@section('page-title', $tenant->profile->business_name ?? $tenant->name)

@section('content')
<div class="flex gap-3 mb-5">
    <a href="{{ route('superadmin.tenants.index') }}" class="btn-sa bg-slate-200 hover:bg-slate-300 text-slate-700">← Back</a>
    @if($tenant->status !== 'suspended')
    <form method="POST" action="{{ route('superadmin.tenants.suspend', $tenant) }}">
        @csrf
        <button type="submit" class="btn-sa-danger" onclick="return confirm('Suspend this tenant?')">Suspend Tenant</button>
    </form>
    @else
    <form method="POST" action="{{ route('superadmin.tenants.activate', $tenant) }}">
        @csrf
        <button type="submit" class="btn-sa bg-green-600 hover:bg-green-700 text-white">Activate Tenant</button>
    </form>
    @endif
    <form method="POST" action="{{ route('superadmin.tenants.destroy', $tenant) }}" class="ml-auto"
          onsubmit="return confirm('PERMANENTLY DELETE this tenant? This cannot be undone.')">
        @csrf @method('DELETE')
        <button type="submit" class="btn-sa bg-red-900 hover:bg-red-800 text-white text-xs">Delete Permanently</button>
    </form>
</div>

<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
    <div class="space-y-5">
        {{-- Tenant info --}}
        <div class="sa-card">
            <h3 class="text-sm font-bold text-slate-700 mb-4 pb-2 border-b border-slate-200">Business Info</h3>
            <div class="space-y-2 text-sm">
                <div class="flex justify-between"><span class="text-slate-400">Business</span><span class="font-medium">{{ $tenant->profile->business_name ?? '—' }}</span></div>
                <div class="flex justify-between"><span class="text-slate-400">GSTIN</span><span class="font-mono text-xs">{{ $tenant->profile->gstin ?? '—' }}</span></div>
                <div class="flex justify-between"><span class="text-slate-400">Email</span><span class="text-xs">{{ $tenant->email }}</span></div>
                <div class="flex justify-between"><span class="text-slate-400">Phone</span><span>{{ $tenant->phone ?? '—' }}</span></div>
                <div class="flex justify-between"><span class="text-slate-400">Status</span>
                    <span class="{{ $tenant->status === 'active' ? 'badge-green' : ($tenant->status === 'trial' ? 'badge-yellow' : 'badge-red') }}">{{ ucfirst($tenant->status) }}</span>
                </div>
                <div class="flex justify-between"><span class="text-slate-400">Joined</span><span class="text-xs">{{ $tenant->created_at->format('d M Y') }}</span></div>
                <div class="flex justify-between"><span class="text-slate-400">Trial Ends</span><span class="text-xs">{{ $tenant->trial_ends_at?->format('d M Y') ?? '—' }}</span></div>
            </div>
        </div>

        {{-- Stats --}}
        <div class="sa-card">
            <h3 class="text-sm font-bold text-slate-700 mb-4 pb-2 border-b border-slate-200">Usage Stats</h3>
            <div class="grid grid-cols-3 gap-3 text-center">
                <div class="bg-slate-50 rounded-xl p-3">
                    <p class="text-xl font-black text-slate-800">{{ $stats['invoices'] }}</p>
                    <p class="text-xs text-slate-400">Invoices</p>
                </div>
                <div class="bg-slate-50 rounded-xl p-3">
                    <p class="text-xl font-black text-slate-800">{{ $stats['customers'] }}</p>
                    <p class="text-xs text-slate-400">Customers</p>
                </div>
                <div class="bg-slate-50 rounded-xl p-3">
                    <p class="text-xl font-black text-slate-800">{{ $stats['products'] }}</p>
                    <p class="text-xs text-slate-400">Products</p>
                </div>
            </div>
        </div>
    </div>

    <div class="lg:col-span-2 space-y-5">
        {{-- Change plan --}}
        <div class="sa-card">
            <h3 class="text-sm font-bold text-slate-700 mb-4 pb-2 border-b border-slate-200">Change Plan</h3>
            <form method="POST" action="{{ route('superadmin.tenants.plan', $tenant) }}" class="flex flex-wrap gap-3 items-end">
                @csrf
                <div>
                    <label class="form-label">New Plan</label>
                    <select name="plan_id" class="form-input w-48">
                        @foreach($plans as $plan)
                        <option value="{{ $plan->id }}" {{ $tenant->plan_id == $plan->id ? 'selected':'' }}>
                            {{ $plan->name }} — ₹{{ $plan->price_monthly }}/mo
                        </option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="form-label">Expires On</label>
                    <input type="date" name="expires_at"
                           value="{{ $tenant->plan_expires_at?->format('Y-m-d') ?? now()->addYear()->format('Y-m-d') }}"
                           class="form-input w-40">
                </div>
                <button type="submit" class="btn-sa-primary">Update Plan</button>
            </form>
        </div>

        {{-- Users --}}
        <div class="sa-card p-0 overflow-hidden">
            <div class="px-5 py-3 border-b border-slate-200">
                <h3 class="text-sm font-bold text-slate-700">Users ({{ $tenant->users->count() }})</h3>
            </div>
            <table class="w-full text-sm">
                <thead class="bg-slate-50"><tr>
                    <th class="sa-table-th">Name</th>
                    <th class="sa-table-th">Email</th>
                    <th class="sa-table-th">Role</th>
                    <th class="sa-table-th">Status</th>
                </tr></thead>
                <tbody class="divide-y divide-slate-100">
                    @foreach($tenant->users as $u)
                    <tr>
                        <td class="sa-table-td font-medium">{{ $u->name }}</td>
                        <td class="sa-table-td text-slate-500 text-xs">{{ $u->email }}</td>
                        <td class="sa-table-td capitalize"><span class="badge-gray text-xs">{{ $u->role }}</span></td>
                        <td class="sa-table-td"><span class="{{ $u->is_active ? 'badge-green':'badge-red' }} text-xs">{{ $u->is_active ? 'Active':'Inactive' }}</span></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        {{-- Modules --}}
        <div class="sa-card">
            <h3 class="text-sm font-bold text-slate-700 mb-3 pb-2 border-b border-slate-200">Enabled Modules</h3>
            <div class="flex flex-wrap gap-2">
                @foreach($tenant->modules->where('is_enabled',true) as $mod)
                <span class="badge-green text-xs">{{ $mod->module_key }}</span>
                @endforeach
                @foreach($tenant->modules->where('is_enabled',false) as $mod)
                <span class="badge-gray text-xs opacity-40">{{ $mod->module_key }}</span>
                @endforeach
            </div>
        </div>
    </div>
</div>
@endsection