@extends('layouts.app')

@section('title', 'Inventory Pakan')

@section('content')
    <div class="page-header">
        <div><span class="eyebrow">Operasional Pakan</span><h1>Inventory Pakan</h1><p>Monitor persediaan dan pergerakan pakan secara terpusat.</p></div>
        <div class="header-actions"><a class="btn btn-secondary btn-link" href="{{ route('feeds.create') }}">＋ Jenis Pakan</a></div>
    </div>
    <div class="stats-grid">
        <div class="stat-card"><div class="stat-icon green">▤</div><div class="stat-copy"><span>Total Stok</span><strong>{{ number_format($totalStock, 0, ',', '.') }} kg</strong><small>{{ $feeds->total() }} jenis ditampilkan</small></div></div>
        <div class="stat-card"><div class="stat-icon sage">♧</div><div class="stat-copy"><span>Jenis Pakan</span><strong>{{ \App\Models\Feed::count() }}</strong><small>Seluruh kategori</small></div></div>
        <div class="stat-card"><div class="stat-icon amber">!</div><div class="stat-copy"><span>Stok Menipis</span><strong>{{ $lowStockCount }}</strong><small>Di bawah stok minimum</small></div></div>
        <div class="stat-card"><div class="stat-icon brown">↕</div><div class="stat-copy"><span>Transaksi Bulan Ini</span><strong>{{ \App\Models\FeedMovement::whereMonth('moved_at', now()->month)->whereYear('moved_at', now()->year)->count() }}</strong><small>Pakan masuk dan keluar</small></div></div>
    </div>
    <section class="card">
        <div class="card-header"><div><h2>Daftar Persediaan</h2><p>Saldo stok tersinkron dengan transaksi pakan</p></div></div>
        <div class="filter-bar"><form method="get" action="{{ route('feeds.index') }}"><label class="search-field"><span>⌕</span><input name="search" value="{{ request('search') }}" placeholder="Cari nama atau kode pakan..."></label><select name="category"><option value="">Semua kategori</option>@foreach($categories as $category)<option @selected(request('category') === $category)>{{ $category }}</option>@endforeach</select><button class="btn btn-secondary" type="submit">Filter</button></form></div>
        <div class="table-scroll"><table>
            <thead><tr><th>Kode</th><th>Nama Pakan</th><th>Kategori</th><th>Stok Tersedia</th><th>Stok Minimum</th><th>Status</th><th>Kelola</th></tr></thead>
            <tbody>
            @forelse($feeds as $feed)
                @php $stockStatus = $feed->stock_kg <= 0 ? 'Habis' : ($feed->stock_kg <= $feed->minimum_stock_kg ? 'Menipis' : 'Aman'); @endphp
                <tr>
                    <td><span class="code">{{ $feed->code }}</span></td><td><strong>{{ $feed->name }}</strong></td><td>{{ $feed->category }}</td>
                    <td><strong>{{ number_format($feed->stock_kg, 1, ',', '.') }}</strong> {{ $feed->unit }}</td><td>{{ number_format($feed->minimum_stock_kg, 1, ',', '.') }} {{ $feed->unit }}</td>
                    <td><span class="badge badge-{{ $stockStatus === 'Aman' ? 'green' : ($stockStatus === 'Habis' ? 'red' : 'amber') }}"><i class="badge-dot"></i>{{ $stockStatus }}</span></td>
                    <td><div class="action-forms"><a class="text-button" href="{{ route('feeds.edit', $feed) }}">Edit</a><details><summary>Catat stok</summary><form class="movement-form" method="post" action="{{ route('feeds.movement', $feed) }}">@csrf
                        <select name="type" aria-label="Jenis transaksi"><option value="masuk">Pakan masuk</option><option value="keluar">Pakan keluar</option></select>
                        <input type="number" name="quantity_kg" step="0.1" min="0.1" placeholder="Jumlah (kg)" required>
                        <input type="date" name="moved_at" value="{{ today()->format('Y-m-d') }}" required>
                        <input name="supplier" maxlength="160" placeholder="Pemasok (opsional)">
                        <button class="btn btn-primary" type="submit">Simpan Transaksi</button>
                    </form></details></div></td>
                </tr>
            @empty
                <tr><td colspan="7" class="empty-row">Persediaan belum tercatat. <a href="{{ route('feeds.create') }}">Tambahkan jenis pakan.</a></td></tr>
            @endforelse
            </tbody>
        </table></div>
        <div class="pagination"><span>Menampilkan {{ $feeds->firstItem() ?? 0 }}–{{ $feeds->lastItem() ?? 0 }} dari {{ $feeds->total() }} jenis pakan</span>{{ $feeds->links() }}</div>
    </section>
    <section class="card" style="margin-top:15px">
        <div class="card-header"><div><h2>Transaksi Terbaru</h2><p>Perubahan stok pakan terkini</p></div></div>
        <div class="table-scroll"><table><thead><tr><th>Tanggal</th><th>Pakan</th><th>Jenis</th><th>Jumlah</th><th>Pemasok / Catatan</th></tr></thead><tbody>
            @forelse($movements as $movement)
                <tr><td>{{ $movement->moved_at->translatedFormat('d M Y') }}</td><td><strong>{{ $movement->feed->name }}</strong></td><td><span class="badge badge-{{ $movement->type === 'masuk' ? 'green' : 'amber' }}">{{ ucfirst($movement->type) }}</span></td><td>{{ number_format($movement->quantity_kg, 1, ',', '.') }} kg</td><td>{{ $movement->supplier ?: ($movement->notes ?: '—') }}</td></tr>
            @empty
                <tr><td colspan="5" class="empty-row">Belum ada transaksi pakan.</td></tr>
            @endforelse
        </tbody></table></div>
    </section>
@endsection