@extends('layouts.app-tenant')

@section('content')
<div class="container">
    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2 class="fw-bold">Tenant Dashboard</h2>
    </div>

    <!-- Greeting -->
    <div class="alert alert-info">
        Selamat datang, <strong>{{ session('user')['email'] ?? 'Tenant' }}</strong>!
    </div>

    <!-- Cards -->
    <div class="row">
        <div class="col-md-4">
            <div class="card shadow-sm mb-3">
                <div class="card-body">
                    <h5 class="card-title">📦 Orders</h5>
                    <p class="card-text">Lihat status pesanan Anda.</p>
                    <a href="" class="btn btn-primary btn-sm">Lihat Orders</a>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card shadow-sm mb-3">
                <div class="card-body">
                    <h5 class="card-title">🎉 RSVP</h5>
                    <p class="card-text">Kelola RSVP tamu undangan.</p>
                    <a href="" class="btn btn-primary btn-sm">Kelola RSVP</a>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card shadow-sm mb-3">
                <div class="card-body">
                    <h5 class="card-title">🎨 Themes</h5>
                    <p class="card-text">Pilih tema untuk acara Anda.</p>
                    <a href="" class="btn btn-primary btn-sm">Pilih Tema</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Info Section -->
    <div class="card shadow-sm mt-4">
        <div class="card-header">
            <h5 class="mb-0">📊 Informasi Tenant</h5>
        </div>
        <div class="card-body">
            <p><strong>Email:</strong> {{ session('user')['email'] ?? '-' }}</p>
            <p><strong>Role:</strong> {{ session('user')['role'] ?? '-' }}</p>
            <p><strong>Tenant ID:</strong> {{ session('user')['id'] ?? '-' }}</p>
        </div>
    </div>
</div>
@endsection