@extends('layouts.dashboard')

@section('page_title', 'Dashboard')
@section('page_subtitle', 'Selamat datang, Admin!')

@section('content')
    <div class="dashboard-grid">
        <div class="dashboard-card dashboard-card-accent">
            <div class="dashboard-card-icon">U</div>
            <div>
                <div class="dashboard-card-label">Total Usaha</div>
                <div class="dashboard-card-value">120</div>
            </div>
        </div>
        <div class="dashboard-card dashboard-card-warm">
            <div class="dashboard-card-icon">P</div>
            <div>
                <div class="dashboard-card-label">Paket Wisata</div>
                <div class="dashboard-card-value">350</div>
            </div>
        </div>
        <div class="dashboard-card dashboard-card-coral">
            <div class="dashboard-card-icon">I</div>
            <div>
                <div class="dashboard-card-label">Total Itinerary</div>
                <div class="dashboard-card-value">1,250</div>
            </div>
        </div>
    </div>

    <div class="dashboard-panel">
        <div class="dashboard-panel-header">
            <div>
                <div class="dashboard-panel-title">Laporan Usaha Terbaru</div>
                <div class="dashboard-panel-subtitle">Ringkasan data usaha yang masuk minggu ini.</div>
            </div>
            <div class="dashboard-search">
                <input class="dashboard-input" placeholder="Search">
                <button class="dashboard-btn">Filter</button>
            </div>
        </div>

        <div class="dashboard-panel-body">
            <div class="dashboard-table">
                <div class="dashboard-table-head">
                    <div>ID</div>
                    <div>Nama Usaha</div>
                    <div>NIB</div>
                    <div>Tanggal</div>
                </div>
                <div class="dashboard-table-row">
                    <div>001</div>
                    <div>Selarasa Wisata</div>
                    <div>94/01/2022</div>
                    <div>02/03/2026</div>
                </div>
                <div class="dashboard-table-row">
                    <div>002</div>
                    <div>Langit Selatan</div>
                    <div>21/01/2022</div>
                    <div>05/03/2026</div>
                </div>
                <div class="dashboard-table-row">
                    <div>003</div>
                    <div>Merapi Trek</div>
                    <div>26/03/2022</div>
                    <div>06/03/2026</div>
                </div>
                <div class="dashboard-table-row">
                    <div>004</div>
                    <div>Samudra Biru</div>
                    <div>02/05/2022</div>
                    <div>07/03/2026</div>
                </div>
            </div>

            <div class="dashboard-chart">
                <div class="dashboard-chart-title">Komposisi Usaha</div>
                <div class="dashboard-pie">
                    <div class="dashboard-pie-slice dashboard-pie-blue">35%</div>
                    <div class="dashboard-pie-slice dashboard-pie-teal">20%</div>
                    <div class="dashboard-pie-slice dashboard-pie-yellow">30%</div>
                    <div class="dashboard-pie-slice dashboard-pie-green">15%</div>
                </div>
                <div class="dashboard-legend">
                    <div><span class="legend-dot legend-blue"></span> Akomodasi</div>
                    <div><span class="legend-dot legend-teal"></span> Desa Wisata</div>
                    <div><span class="legend-dot legend-yellow"></span> Travel</div>
                    <div><span class="legend-dot legend-green"></span> Kuliner</div>
                </div>
            </div>
        </div>
    </div>
@endsection