@extends('layouts.app')

@section('content')
<div class="py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2>Dashboard</h2>
        <span class="text-muted">{{ now()->format('d F Y') }}</span>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-md-3">
            <div class="card border-primary">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="text-muted mb-1">Total Pembelian</h6>
                            <h3 class="mb-0">{{ $stats['total_purchases'] }}</h3>
                        </div>
                        <div class="fs-1 text-primary">
                            <i class="bi bi-cart-plus"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card border-success">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="text-muted mb-1">Total Pengiriman</h6>
                            <h3 class="mb-0">{{ $stats['total_deliveries'] }}</h3>
                        </div>
                        <div class="fs-1 text-success">
                            <i class="bi bi-box-seam"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card border-info">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="text-muted mb-1">Karyawan Aktif</h6>
                            <h3 class="mb-0">{{ $stats['total_employees'] }}</h3>
                        </div>
                        <div class="fs-1 text-info">
                            <i class="bi bi-people"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card border-warning">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="text-muted mb-1">Gaji Belum Dibayar</h6>
                            <h3 class="mb-0">{{ $stats['total_unpaid_count'] }}</h3>
                            <small class="text-muted d-block">Rp {{ number_format($stats['total_unpaid_amount'], 0, ',', '.') }}</small>
                            <small class="text-muted">
                                <span class="badge bg-info">{{ $stats['unpaid_worklogs'] }} Worklog</span>
                                <span class="badge bg-warning">{{ $stats['unpaid_payroll_slips'] }} Slip</span>
                            </small>
                        </div>
                        <div class="fs-1 text-warning">
                            <i class="bi bi-cash-coin"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Filter Form -->
    <div class="card mb-3">
        <div class="card-body">
            <form method="GET" action="{{ route('dashboard') }}" class="row g-3 align-items-end">
                <div class="col-md-4">
                    <label class="form-label">Tanggal Mulai</label>
                    <input type="date" name="start_date" class="form-control" value="{{ $startDate }}">
                </div>
                <div class="col-md-4">
                    <label class="form-label">Tanggal Akhir</label>
                    <input type="date" name="end_date" class="form-control" value="{{ $endDate }}">
                </div>
                <div class="col-md-4">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-funnel"></i> Filter
                    </button>
                    <a href="{{ route('dashboard') }}" class="btn btn-secondary">
                        <i class="bi bi-arrow-counterclockwise"></i> Reset
                    </a>
                </div>
            </form>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header bg-white">
                    <h5 class="mb-0">Pembelian Terakhir</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead>
                                <tr>
                                    <th>Tanggal</th>
                                    <th>Supplier</th>
                                    <th>Kendaraan</th>
                                    <th class="text-end">Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($recent_purchases as $purchase)
                                <tr>
                                    <td>{{ $purchase->tanggal_pembelian->format('d/m/Y') }}</td>
                                    <td>{{ $purchase->supplier->nama_supplier }}</td>
                                    <td>{{ $purchase->vehicleType->nama_jenis_kendaraan }}</td>
                                    <td class="text-end">Rp {{ number_format($purchase->total_rupiah, 0, ',', '.') }}</td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="4" class="text-center text-muted">Belum ada data</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card">
                <div class="card-header bg-white">
                    <h5 class="mb-0">Pengiriman Terakhir</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead>
                                <tr>
                                    <th>No. Surat Jalan</th>
                                    <th>Customer</th>
                                    <th>Tanggal</th>
                                    <th class="text-end">Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($recent_deliveries as $delivery)
                                <tr>
                                    <td>{{ $delivery->no_surat_jalan }}</td>
                                    <td>{{ $delivery->customer->nama_customer }}</td>
                                    <td>{{ $delivery->tanggal_pengiriman->format('d/m/Y') }}</td>
                                    <td class="text-end">Rp {{ number_format($delivery->grand_total, 0, ',', '.') }}</td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="4" class="text-center text-muted">Belum ada data</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection