@extends('layouts.app')

@section('title', 'Laporan Peternakan')

@section('content')
    @php $realization = $scheduleTotal ? $scheduleDone / $scheduleTotal * 100 : 0; $healthRate = $cattleCount ? $healthyCount / $cattleCount * 100 : 0; @endphp
    <div class="page-header"><div><span class="eyebrow">Analitik & Dokumen</span><h1>Laporan Peternakan</h1><p>Ringkasan performa berdasarkan data operasional peternakan.</p></div></div>
    <section class="card report-filters"><form class="report-filter-row" method="get" action="{{ route('reports') }}"><label>Periode<input type="month" name="period" value="{{ $period->format('Y-m') }}"></label><button class="btn btn-primary" type="submit">Terapkan Filter</button></form></section>
    <div class="stats-grid stats-three">
        <div class="stat-card"><div class="stat-icon green">♡</div><div class="stat-copy"><span>Kesehatan Sapi</span><strong>{{ number_format($healthRate, 1) }}%</strong><small>{{ $healthyCount }} dari {{ $cattleCount }} sapi sehat</small></div></div>
        <div class="stat-card"><div class="stat-icon brown">▤</div><div class="stat-copy"><span>Pakan Terpakai</span><strong>{{ number_format($feedUsed / 1000, 2, ',', '.') }} ton</strong><small>Periode {{ $period->translatedFormat('F Y') }}</small></div></div>
        <div class="stat-card"><div class="stat-icon sage">✓</div><div class="stat-copy"><span>Realisasi Jadwal</span><strong>{{ number_format($realization, 1) }}%</strong><small>{{ $scheduleDone }} dari {{ $scheduleTotal }} jadwal</small></div></div>
    </div>
    <div class="report-grid">
        <section class="card"><div class="card-header"><div><h2>Ringkasan Kesehatan</h2><p>Populasi ternak pada periode ini</p></div></div>
            <div class="donut-layout"><div class="donut" style="background:conic-gradient(var(--forest) 0 {{ $healthRate }}%,var(--amber) {{ $healthRate }}% 100%)"><div><strong>{{ number_format($healthRate, 0) }}%</strong><span>sehat</span></div></div><div class="legend"><div><i class="legend-green"></i><span>Jumlah sapi</span><strong>{{ $cattleCount }}</strong></div><div><i class="legend-amber"></i><span>Pemeriksaan bulan ini</span><strong>{{ $examCount }}</strong></div></div></div>
        </section>
        <section class="card"><div class="card-header"><div><h2>Persediaan Pakan</h2><p>{{ $feedCount }} jenis pakan terdaftar</p></div><a class="text-button" href="{{ route('feeds.index') }}">Lihat inventory ›</a></div>
            <div class="empty-state" style="min-height:170px"><div class="stat-icon green">▤</div><h2>{{ number_format($feedUsed, 1, ',', '.') }} kg</h2><p>Total pakan keluar pada {{ $period->translatedFormat('F Y') }}</p></div>
        </section>
    </div>
@endsection