@extends('layouts.app-tenant')

@section('content')
<div class="container my-5">
    <h3 class="mb-4">🏠 Tenants Management</h3>

    <!-- Form tambah tenant -->
    <form method="POST" action="{{ route('admin.tenants.store') }}" class="mb-4">
        @csrf
        <div class="row g-2">
            <div class="col-md-4">
                <input type="text" name="name" class="form-control" placeholder="Nama Tenant" required>
            </div>
            <div class="col-md-4">
                <input type="email" name="email" class="form-control" placeholder="Email Tenant" required>
            </div>
            <div class="col-md-4 text-end">
                <button class="btn btn-primary">➕ Tambah Tenant</button>
            </div>
        </div>
    </form>

    <!-- Tabel tenants -->
    <table class="table table-hover align-middle">
        <thead class="table-light">
            <tr>
                <th>ID</th>
                <th>Nama</th>
                <th>Email</th>
                <th>Status</th>
                <th class="text-center">Aksi</th>
            </tr>
        </thead>
        <tbody>
            @foreach($tenants as $tenantId => $tenant)
                <tr>
                    <td>{{ $tenantId }}</td>
                    <td>{{ $tenant['role'] ?? '-' }}</td>
                    <td>{{ $tenant['email'] ?? '-' }}</td>
                    <td>
                        @if(($tenant['status'] ?? '') === 'active')
                            <span class="badge bg-success">Active</span>
                        @else
                            <span class="badge bg-danger">Suspended</span>
                        @endif
                    </td>
                    <td class="text-center">
                        <!-- Edit -->
                        <form method="POST" action="{{ route('admin.tenants.update', $tenantId) }}" class="d-inline">
                            @csrf
                            <input type="hidden" name="name" value="{{ $tenant['role'] }}">
                            <input type="hidden" name="email" value="{{ $tenant['email'] }}">
                            <button class="btn btn-sm btn-warning">✏️ Edit</button>
                        </form>

                        <!-- Toggle status -->
                        <form method="POST" action="{{ route('admin.tenants.toggle', $tenantId) }}" class="d-inline">
                            @csrf
                            <button class="btn btn-sm btn-secondary">
                                {{ ($tenant['status'] ?? '') === 'active' ? 'Suspend' : 'Activate' }}
                            </button>
                        </form>

                        <!-- Delete -->
                        <form method="POST" action="{{ route('admin.tenants.destroy', $tenantId) }}" class="d-inline" onsubmit="return confirm('Yakin hapus tenant ini?');">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-danger">🗑️ Delete</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection