@extends('layouts.admin')
@section('title', 'Dashboard Admin')
@section('breadcrumb', 'Selamat datang, ' . auth()->user()->name)

@section('content')
<div class="stat-grid">
    <div class="stat-card">
        <div class="stat-icon green"><i class="fas fa-coins"></i></div>
        <div class="stat-info">
            <div class="stat-val">Rp {{ number_format($todayOmzet, 0, ',', '.') }}</div>
            <div class="stat-label">Omzet Hari Ini</div>
            <div class="stat-sub">↑ {{ $todayTrx }} transaksi</div>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon gold"><i class="fas fa-chart-line"></i></div>
        <div class="stat-info">
            <div class="stat-val">Rp {{ number_format($monthOmzet, 0, ',', '.') }}</div>
            <div class="stat-label">Omzet Bulan Ini</div>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon blue"><i class="fas fa-user-friends"></i></div>
        <div class="stat-info">
            <div class="stat-val">{{ $activeTherapists }} / {{ $totalTherapists }}</div>
            <div class="stat-label">Terapis Aktif</div>
            <div class="stat-sub">{{ $totalTherapists - $activeTherapists }} menunggu sesi</div>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon orange"><i class="fas fa-door-open"></i></div>
        <div class="stat-info">
            <div class="stat-val">{{ $availableRooms }} / {{ $totalRooms }}</div>
            <div class="stat-label">Ruangan Tersedia</div>
            @if($lowStockProducts > 0)
            <div style="font-size:11px; color:var(--danger); font-weight:600;">⚠ {{ $lowStockProducts }} produk stok rendah</div>
            @endif
        </div>
    </div>
</div>

<div style="display:grid; grid-template-columns:2fr 1fr; gap:24px;">
    <div class="card">
        <div class="card-header">
            <h3><i class="fas fa-list-ul" style="color:var(--sage);margin-right:8px;"></i> Transaksi Terbaru</h3>
            <a href="{{ route('admin.reports') }}" class="btn btn-outline btn-sm">Lihat Semua</a>
        </div>
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>ID</th><th>Pelanggan</th><th>Layanan</th><th>Terapis</th><th>Total</th><th>Waktu</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($recentTrx as $t)
                    <tr>
                        <td style="font-weight:700;color:var(--text-light);">#TX{{ $t->id }}</td>
                        <td>{{ $t->customer_name ?? 'Guest' }}</td>
                        <td>{{ $t->service->name ?? '-' }}</td>
                        <td>{{ $t->therapist->name ?? '-' }}</td>
                        <td style="font-weight:700;color:var(--dark-gold);">Rp {{ number_format($t->total_price,0,',','.') }}</td>
                        <td style="color:var(--text-light);font-size:12px;">{{ $t->created_at->diffForHumans() }}</td>
                    </tr>
                    @endforeach
                    @if($recentTrx->isEmpty())
                    <tr><td colspan="6" style="text-align:center;padding:40px;opacity:0.4;">Belum ada transaksi hari ini</td></tr>
                    @endif
                </tbody>
            </table>
        </div>
    </div>

    <div style="display:flex; flex-direction:column; gap:20px;">
        <div class="card">
            <div class="card-header"><h3><i class="fas fa-bolt" style="color:var(--gold);margin-right:8px;"></i> Menu Cepat</h3></div>
            <div style="display:grid; gap:10px;">
                <a href="{{ route('admin.therapists.create') }}" class="btn btn-primary" style="justify-content:flex-start;">
                    <i class="fas fa-user-plus"></i> Tambah Terapis
                </a>
                <a href="{{ route('admin.services.create') }}" class="btn btn-outline" style="justify-content:flex-start;">
                    <i class="fas fa-plus-circle"></i> Tambah Layanan
                </a>
                <a href="{{ route('admin.products.create') }}" class="btn btn-outline" style="justify-content:flex-start;">
                    <i class="fas fa-box"></i> Tambah Produk
                </a>
                <a href="{{ route('admin.reports') }}" class="btn btn-gold" style="justify-content:flex-start;">
                    <i class="fas fa-file-export"></i> Ekspor Laporan
                </a>
            </div>
        </div>
        <div class="card">
            <div class="card-header"><h3><i class="fas fa-coins" style="color:var(--gold);margin-right:8px;"></i> Bagi Hasil Hari Ini</h3></div>
            <div style="display:grid;gap:12px;">
                @php $totalKom = $recentTrx->sum('commission_therapist'); $totalOut = $todayOmzet * 0.75; @endphp
                <div style="display:flex;justify-content:space-between;align-items:center;padding:12px;background:rgba(56,161,105,0.08);border-radius:10px;">
                    <span style="font-size:13px;">Komisi Terapis (20%)</span>
                    <strong style="color:var(--success);">Rp {{ number_format($todayComm,0,',','.') }}</strong>
                </div>
                <div style="display:flex;justify-content:space-between;align-items:center;padding:12px;background:rgba(212,175,55,0.08);border-radius:10px;">
                    <span style="font-size:13px;">Kas Outlet (75%)</span>
                    <strong style="color:var(--dark-gold);">Rp {{ number_format($totalOut,0,',','.') }}</strong>
                </div>
                <div style="display:flex;justify-content:space-between;align-items:center;padding:12px;background:rgba(0,0,0,0.03);border-radius:10px;">
                    <span style="font-size:13px;">Admin (5%)</span>
                    <strong style="color:var(--text-light);">Rp {{ number_format($todayOmzet*0.05,0,',','.') }}</strong>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection