@extends('layouts.admin')
@section('title', 'Detail Tenant — ' . $tenant->nama_perusahaan)

@section('content')
<div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
    <div class="lg:col-span-2 space-y-4">
        <div class="bg-white rounded-xl border border-slate-200 p-6">
            <div class="text-xs uppercase text-slate-500">{{ $tenant->kode_tenant }}</div>
            <h2 class="text-xl font-bold">{{ $tenant->nama_perusahaan }}</h2>
            <div class="text-sm text-slate-500">{{ $tenant->tagline }}</div>

            <div class="mt-4 grid grid-cols-2 gap-3 text-sm">
                <div><div class="text-xs text-slate-500">Email</div><div>{{ $tenant->email ?? '-' }}</div></div>
                <div><div class="text-xs text-slate-500">No HP</div><div>{{ $tenant->no_hp ?? '-' }}</div></div>
                <div class="col-span-2"><div class="text-xs text-slate-500">Alamat</div><div>{{ $tenant->alamat ?? '-' }}</div></div>
                <div><div class="text-xs text-slate-500">Bank</div><div>{{ $tenant->bank_nama }} — {{ $tenant->bank_rekening }}</div></div>
                <div><div class="text-xs text-slate-500">E-Wallet</div><div>{{ $tenant->ewallet_nama }} — {{ $tenant->ewallet_nomor }}</div></div>
            </div>

            <div class="mt-4 pt-4 border-t border-slate-200 flex gap-2">
                <a href="{{ route('admin.tenants.edit', $tenant) }}" class="bg-amber-500 hover:bg-amber-600 text-white px-3 py-2 rounded-lg text-sm">Edit</a>
                @if($tenant->status === 'suspended')
                    <form action="{{ route('admin.tenants.activate', $tenant) }}" method="POST" class="inline">@csrf<button class="bg-green-600 hover:bg-green-700 text-white px-3 py-2 rounded-lg text-sm">Aktifkan</button></form>
                @else
                    <form action="{{ route('admin.tenants.suspend', $tenant) }}" method="POST" class="inline">@csrf<button class="bg-red-600 hover:bg-red-700 text-white px-3 py-2 rounded-lg text-sm">Suspend</button></form>
                @endif
                <form action="{{ route('admin.tenants.destroy', $tenant) }}" method="POST" class="inline" onsubmit="return confirm('HAPUS tenant ini beserta SEMUA datanya? Aksi ini tidak bisa dibatalkan.')">
                    @csrf @method('DELETE')
                    <button class="bg-slate-700 hover:bg-slate-800 text-white px-3 py-2 rounded-lg text-sm">Hapus Tenant</button>
                </form>
            </div>
        </div>

        <div class="bg-white rounded-xl border border-slate-200 p-6">
            <h3 class="font-bold text-slate-800 mb-3">Invoice Terakhir</h3>
            <table class="min-w-full text-sm">
                <thead class="bg-slate-50 text-xs uppercase text-slate-600">
                    <tr><th class="px-3 py-2 text-left">Nomor</th><th class="px-3 py-2 text-left">Customer</th><th class="px-3 py-2 text-right">Total</th><th class="px-3 py-2 text-center">Status</th></tr>
                </thead>
                <tbody class="divide-y divide-slate-100">
                    @forelse($tenant->invoices as $inv)
                        <tr>
                            <td class="px-3 py-2 font-mono text-xs">{{ $inv->nomor_invoice }}</td>
                            <td class="px-3 py-2">{{ $inv->customer->nama ?? '-' }}</td>
                            <td class="px-3 py-2 text-right">Rp {{ number_format($inv->total_akhir, 0, ',', '.') }}</td>
                            <td class="px-3 py-2 text-center"><span class="text-[10px] px-1.5 py-0.5 rounded border {{ $inv->status_badge }}">{{ $inv->status }}</span></td>
                        </tr>
                    @empty
                        <tr><td colspan="4" class="text-center py-4 text-slate-500 text-sm">Belum ada invoice.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="space-y-4">
        <div class="bg-white rounded-xl border border-slate-200 p-6 text-sm">
            <h3 class="font-bold text-slate-800 mb-3">Statistik</h3>
            <div class="space-y-2">
                <div class="flex justify-between"><span class="text-slate-500">Status</span><strong>{{ strtoupper($tenant->status) }}</strong></div>
                <div class="flex justify-between"><span class="text-slate-500">Expired</span><span>{{ $tenant->tanggal_expired?->format('d/m/Y') ?? '—' }}</span></div>
                <div class="flex justify-between"><span class="text-slate-500">Total Customer</span><strong>{{ $stats['total_customers'] }}</strong></div>
                <div class="flex justify-between"><span class="text-slate-500">Total Produk</span><strong>{{ $stats['total_products'] }}</strong></div>
                <div class="flex justify-between"><span class="text-slate-500">Total Invoice</span><strong>{{ $stats['total_invoices'] }}</strong></div>
                <div class="flex justify-between"><span class="text-slate-500">Total Nilai</span><strong class="text-[#1e6fbf]">Rp {{ number_format($stats['total_nilai'], 0, ',', '.') }}</strong></div>
            </div>
        </div>

        <div class="bg-white rounded-xl border border-slate-200 p-6 text-sm">
            <h3 class="font-bold text-slate-800 mb-3">User Pemilik</h3>
            @forelse($tenant->users as $u)
                <div class="flex justify-between p-2 rounded hover:bg-slate-50">
                    <div>
                        <div class="font-semibold">{{ $u->name }}</div>
                        <div class="text-xs text-slate-500">{{ $u->email }}</div>
                    </div>
                    <a href="{{ route('admin.users.show', $u) }}" class="text-blue-600 hover:underline text-xs">Detail</a>
                </div>
            @empty
                <div class="text-slate-500 text-center py-3">Belum ada user.</div>
            @endforelse
        </div>
    </div>
</div>
@endsection