 
@extends('layouts.app')

@section('title', 'Dashboard Kontraktor - 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-user-tie text-[#c9a84c]"></i>
                Dashboard Kontraktor
            </h1>
            <p class="text-gray-500 text-sm mt-1">Selamat datang, {{ Auth::user()->name }}! 🎉</p>
        </div>
        <span class="text-xs bg-green-100 text-green-800 px-3 py-1 rounded-full">
            <i class="fas fa-circle text-[8px] mr-1 text-green-500"></i>
            Kontraktor
        </span>
    </div>
</div>

<livewire:contractor-dashboard />
@endsection