# Apex Dashboard Theme - Setup Guide

## Overview
Apex Dashboard theme diterapkan ke Sistem Tambak dengan integrasi PWA dan DataTables.

## Features Implemented
- ✅ Modern Sidebar Navigation
- ✅ Dashboard Cards dengan Statistics
- ✅ Charts untuk Data Visualization
- ✅ DataTables Integration
- ✅ Responsive Mobile Design
- ✅ Dark/Light Mode Toggle
- ✅ PWA Support
- ✅ Smooth Animations

## File Structure
```
resources/
├── views/
│   ├── layouts/
│   │   └── apex.blade.php          # Apex layout utama
│   ├── dashboard.blade.php         # Dashboard dengan charts
│   ├── partials/
│   │   ├── sidebar.blade.php       # Sidebar component
│   │   ├── header.blade.php        # Header/topbar component
│   │   └── footer.blade.php        # Footer component
```

## Installation Steps

### 1. Copy CSS & JS Assets
Public assets sudah otomatis ter-load via CDN

### 2. Update Views ke Apex Theme
Semua views menggunakan `@extends('layouts.apex')`

### 3. Configure Charts
Charts menggunakan Chart.js dengan data dari Laravel

## Quick Start
1. Buka terminal: `php artisan serve --host=tambak.local --port=8000`
2. Akses: `http://tambak.local:8000`
3. Login dengan kredensial Anda

## Customization
Edit `resources/views/layouts/apex.blade.php` untuk:
- Sidebar menu
- Color scheme
- Layout options