 
@extends('layouts.app')

@section('title', 'Dashboard Agent - TUNJUK-i')

@section('content')
<div class="mb-6">
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-bold text-[#0b2b4a] flex items-center gap-2">
                <i class="fas fa-robot text-[#c9a84c]"></i>
                Dashboard Agent
            </h1>
            <p class="text-gray-500 text-sm mt-1">Selamat datang, {{ Auth::user()->name }}! 🤖</p>
        </div>
        <span class="text-xs bg-yellow-100 text-yellow-800 px-3 py-1 rounded-full">
            <i class="fas fa-circle text-[8px] mr-1 text-yellow-500"></i>
            Agent
        </span>
    </div>
</div>

<livewire:agent-dashboard />
@endsection