# Tambak System - Web Views Documentation

Dokumentasi untuk halaman-halaman view yang sudah dibuat sesuai dengan gambar-gambar yang dianalisis.

## ✅ Halaman yang Sudah Dibuat

### 1. **Login Page** (`/login`)
- Lokasi: `resources/views/auth/login.blade.php`
- Fitur:
  - Form login dengan username & password
  - Modern gradient design
  - Auto-focus pada username field
  - Error handling untuk login gagal
  - Responsive design

### 2. **Dashboard** (`/dashboard`)
- Lokasi: `resources/views/dashboard.blade.php`
- Fitur:
  - Summary cards (Total Kolam, Kolam Aktif, Pakan Hari Ini, Cek Anco)
  - Tabel Kualitas Air Terakhir dengan status indicator
  - Tabel Pakan Hari Ini
  - Tabel Sampling Terakhir
  - Tabel Panen Terakhir
  - Grid layout responsive

### 3. **Cek Anco** (`/cek-anco`)
- Lokasi: `resources/views/cek-anco/index.blade.php`
- Fitur:
  - Tabel riwayat cek anco
  - Modal form untuk input cek anco
  - Status indicator (habis/sedikit/banyak)
  - Persentase konsumsi pakan
  - Waktu pemberian dan cek
  - Legend untuk status anco

### 4. **Input Pakan** (`/pakan`)
- Lokasi: `resources/views/pakan/index.blade.php`
- Fitur:
  - Summary cards (Total Pakan, Jumlah Pemberian, Kolam Terdata)
  - Tabel riwayat pakan
  - Modal form untuk input pakan
  - Filter by jenis pakan
  - Auto-populate jenis pakan dari master barang

### 5. **Input Sampling** (`/sampling`)
- Lokasi: `resources/views/sampling/index.blade.php`
- Fitur:
  - Tabel riwayat sampling
  - Modal form untuk input sampling
  - Fields: MBW, ADG, Umur, Qty Sample
  - Help text untuk MBW dan ADG

### 6. **Cek Kualitas Air** (`/cek-air`)
- Lokasi: `resources/views/cek-air/index.blade.php`
- Fitur:
  - Tabel riwayat cek kualitas air
  - Modal form untuk input cek air
  - Status indicator untuk pH, DO, dan overall status
  - Legend untuk kualitas air yang optimal
  - Color-coded status badges

### 7. **Input Kematian** (`/kematian`)
- Lokasi: `resources/views/kematian/index.blade.php`
- Fitur:
  - Tabel kematian (Tabel Kematian Udang)
  - Modal form untuk input kematian
  - Fields: Umur, Total Berat, Size, Jumlah, Penyebab
  - Dropdown penyebab kematian

### 8. **Panen** (`/panen`)
- Lokasi: `resources/views/panen/index.blade.php`
- Fitur:
  - Summary cards (Total Transaksi, Total Panen, Total Nilai)
  - Tabel daftar panen
  - Modal form untuk input panen dengan multiple items
  - Dynamic item rows (tambah/hapus item)
  - Auto-calculate subtotal dan grand total
  - Filter by customer dan status

## 🎨 Fitur UI/UX

### 1. **Layout**
- Fixed sidebar dengan navigation
- Responsive design untuk mobile
- Topbar dengan user info dan logout
- Clean dan modern design

### 2. **Navigation**
- Grouped menu by module (Operasional, Transaksi, System)
- Active state indicator
- Icons untuk setiap menu item
- Responsive sidebar toggle untuk mobile

### 3. **Forms**
- Modal-based forms untuk input data
- Validation error handling
- Success messages setelah submit
- Proper labels dan placeholders
- Help text untuk field yang kompleks

### 4. **Tables**
- Clean table headers
- Proper data formatting (number_format, date_format)
- Badge system untuk status indicators
- Color-coded status
- Pagination support

### 5. **Cards & Statistics**
- Summary statistics di dashboard
- Info cards dengan icons
- Responsive grid layout
- Proper number formatting

## 🔧 Penggunaan

### Akses Halaman

1. **Login**: Buka `http://localhost:8000/login`
2. **Dashboard**: Setelah login, akan redirect ke `/dashboard`
3. **Modul Lain**: Gunakan sidebar navigation

### Login Default

Setelah seeder, buat user manual:
```php
User::create([
    'name' => 'Admin',
    'username' => 'admin',
    'password' => bcrypt('password123'),
    'divisi' => 'PUSAT',
    'is_active' => true
])->assignRole('super-admin');
```

### Responsive

- **Desktop (> 768px)**: Full sidebar dengan semua menu
- **Mobile (≤ 768px)**: Hamburger menu, sidebar toggle

## 📝 Workflow Input Data

### 1. Cek Anco
1. Klik menu "Cek Anco"
2. Klik "Tambah Cek Anco"
3. Pilih kolam, tanggal, jam pemberian & jam cek
4. Input jumlah pakan
5. Pilih status untuk Anco 1 dan Anco 2
6. Klik "Simpan"

### 2. Input Pakan
1. Klik menu "Pakan"
2. Klik "Tambah Data Pakan"
3. Pilih kolam, tanggal, dan jam
4. Pilih jenis pakan dari dropdown
5. Input jumlah pakan
6. Tambahkan catatan jika perlu
7. Klik "SIMPAN"

### 3. Input Sampling
1. Klik menu "Sampling"
2. Klik "Tambah Data Sampling"
3. Pilih kolam dan tanggal
4. Input MBW (Mean Body Weight dalam gram)
5. Input ADG (Average Daily Gain dalam gram)
6. Input umur dan qty sample
7. Klik "SIMPAN"

### 4. Cek Kualitas Air
1. Klik menu "Cek Air"
2. Klik "Cek Kualitas Air"
3. Pilih kolam, tanggal, dan jam
4. Input parameter (pH, DO, Suhu, Salinitas, dll)
5. Klik "SIMPAN"
6. Status akan otomatis terdeteksi (optimal/normal/danger)

### 5. Input Kematian
1. Klik menu "Kematian"
2. Klik "Tambah Data Kematian"
3. Pilih kolam, tanggal, dan umur
4. Input jumlah udang mati
5. Pilih penyebab kematian
6. Klik "SIMPAN"

### 6. Input Panen
1. Klik menu "Panen"
2. Klik "Input Panen"
3. Pilih tanggal, jam, customer
4. Tambahkan item panen (klik "Tambah Item")
5. Untuk setiap item:
   - Pilih kolam
   - Input volume (KG)
   - Input size
   - Pilih grade (FS/BS/BD)
   - Input harga per KG
6. Subtotal dan total akan otomatis terhitung
7. Klik "SIMPAN"

## 🎨 Warna & Styling

### Status Colors
- **Success (Green)**: Optimal conditions
- **Warning (Yellow)**: Normal but needs attention
- **Danger (Red)**: Critical conditions
- **Info (Blue)**: General information

### Badge System
- `badge-success`: Green background
- `badge-warning`: Yellow background
- `badge-danger`: Red background
- `badge-info`: Blue background

## 📱 Mobile Responsive

Semua halaman sudah mobile-friendly:
- Responsive grid layout
- Collapsible sidebar
- Touch-friendly buttons
- Readable fonts and spacing
- Proper viewport meta tag

## 🚀 Next Steps

Untuk melengkapi sistem, masih perlu membuat:
1. **Tebar** - Input tebar benur
2. **Kolam Management** - CRUD kolam
3. **Stok** - Inventory management
4. **Mutasi Stok** - Perpindahan barang
5. **Pembelian** - PO dan LPB
6. **Keuangan** - Pembayaran hutang & piutang
7. **Reports** - Laporan-laporan

Tapi struktur dan pattern sudah ada, tinggal copy-paste dan sesuaikan!