@extends('mitra.layouts.app')

@section('title', 'Estimasi Keuntungan')

@section('content')
    <div class="mb-6">
        <h1 class="text-2xl font-bold text-gray-900 dark:text-white">Estimasi Keuntungan</h1>
        <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">
            Pemantauan proyeksi keuntungan per SPPG berdasarkan takaran menu dari ahli gizi. Acuan: porsi kecil Rp {{ number_format($anggaranPorsi['kecil'] ?? 8000, 0, ',', '.') }}, sedang Rp {{ number_format($anggaranPorsi['sedang'] ?? 9000, 0, ',', '.') }}, besar Rp {{ number_format($anggaranPorsi['besar'] ?? 10000, 0, ',', '.') }}.
        </p>
    </div>

    <!-- Filter -->
    <div class="mb-6 bg-white dark:bg-gray-800 rounded-xl shadow-md p-4 border border-gray-200 dark:border-gray-700">
        <form method="GET" action="{{ route('mitra.estimasi-keuntungan.index') }}" class="flex flex-wrap items-end gap-4">
            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">SPPG</label>
                <select name="sppg_id" class="w-full md:w-64 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-emerald-500" onchange="this.form.submit()">
                    <option value="">— Pilih SPPG —</option>
                    @foreach($sppgs as $s)
                        <option value="{{ $s->id }}" {{ ($sppg && $sppg->id == $s->id) ? 'selected' : '' }}>{{ $s->nama }}</option>
                    @endforeach
                </select>
            </div>
            @if($sppg)
            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Tanggal Mulai</label>
                <input type="date" name="tanggal_mulai" value="{{ $startDate ? $startDate->format('Y-m-d') : '' }}"
                    class="px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-emerald-500">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Tanggal Akhir</label>
                <input type="date" name="tanggal_akhir" value="{{ $endDate ? $endDate->format('Y-m-d') : '' }}"
                    class="px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-emerald-500">
            </div>
            @endif
            <button type="submit" class="px-4 py-2 bg-emerald-600 text-white rounded-lg hover:bg-emerald-700 transition duration-200">Lihat</button>
        </form>
    </div>

    @if(!$sppg)
        <div class="bg-amber-50 dark:bg-amber-900/20 rounded-xl p-8 border border-amber-200 dark:border-amber-800 text-center">
            <p class="text-amber-800 dark:text-amber-200">Pilih SPPG untuk memantau estimasi keuntungan.</p>
        </div>
    @else

    <!-- Info Anggaran Standar -->
    <div class="mb-6 grid grid-cols-1 sm:grid-cols-3 gap-4">
        <div class="bg-amber-50 dark:bg-amber-900/20 rounded-xl p-4 border border-amber-200 dark:border-amber-800">
            <p class="text-xs font-medium text-amber-800 dark:text-amber-300 uppercase">Porsi Kecil</p>
            <p class="text-lg font-bold text-amber-900 dark:text-amber-100">Rp {{ number_format($anggaranPorsi['kecil'] ?? 8000, 0, ',', '.') }}/porsi</p>
            <p class="text-xs text-amber-700 dark:text-amber-400 mt-1">Total PM: {{ number_format($penerimaByKategori['kecil'] ?? 0, 0, ',', '.') }} porsi</p>
        </div>
        <div class="bg-emerald-50 dark:bg-emerald-900/20 rounded-xl p-4 border border-emerald-200 dark:border-emerald-800">
            <p class="text-xs font-medium text-emerald-800 dark:text-emerald-300 uppercase">Porsi Sedang</p>
            <p class="text-lg font-bold text-emerald-900 dark:text-emerald-100">Rp {{ number_format($anggaranPorsi['sedang'] ?? 9000, 0, ',', '.') }}/porsi</p>
            <p class="text-xs text-emerald-700 dark:text-emerald-400 mt-1">Total PM: {{ number_format($penerimaByKategori['sedang'] ?? 0, 0, ',', '.') }} porsi</p>
        </div>
        <div class="bg-teal-50 dark:bg-teal-900/20 rounded-xl p-4 border border-teal-200 dark:border-teal-800">
            <p class="text-xs font-medium text-teal-800 dark:text-teal-300 uppercase">Porsi Besar</p>
            <p class="text-lg font-bold text-teal-900 dark:text-teal-100">Rp {{ number_format($anggaranPorsi['besar'] ?? 10000, 0, ',', '.') }}/porsi</p>
            <p class="text-xs text-teal-700 dark:text-teal-400 mt-1">Total PM: {{ number_format($penerimaByKategori['besar'] ?? 0, 0, ',', '.') }} porsi</p>
        </div>
    </div>

    <!-- Ringkasan Periode -->
    @if($startDate && $endDate)
    <div class="mb-6 bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700">
        <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">SPPG {{ $sppg->nama }} — {{ $startDate->translatedFormat('d M Y') }} – {{ $endDate->translatedFormat('d M Y') }}</h3>
        <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
            <div>
                <p class="text-sm text-gray-500 dark:text-gray-400">Total Anggaran (acuan)</p>
                <p class="text-xl font-bold text-gray-900 dark:text-white">Rp {{ number_format($totalAnggaranPeriode, 0, ',', '.') }}</p>
            </div>
            <div>
                <p class="text-sm text-gray-500 dark:text-gray-400">Estimasi Biaya Bahan</p>
                <p class="text-xl font-bold text-blue-600 dark:text-blue-400">Rp {{ number_format($totalBiayaPeriode, 0, ',', '.') }}</p>
            </div>
            <div>
                <p class="text-sm text-gray-500 dark:text-gray-400">Estimasi Keuntungan</p>
                <p class="text-xl font-bold {{ $totalEstimasiKeuntunganPeriode >= 0 ? 'text-emerald-600 dark:text-emerald-400' : 'text-amber-600 dark:text-amber-400' }}">
                    Rp {{ number_format($totalEstimasiKeuntunganPeriode, 0, ',', '.') }}
                </p>
            </div>
        </div>
    </div>
    @endif

    <!-- Daftar Menu & Estimasi Keuntungan -->
    @if(!empty($daftarMenu))
    <div class="mb-6 bg-white dark:bg-gray-800 rounded-xl shadow-md border border-gray-200 dark:border-gray-700 overflow-hidden">
        <div class="px-6 py-4 bg-indigo-50 dark:bg-indigo-900/20 border-b border-indigo-100 dark:border-indigo-800">
            <h3 class="text-lg font-semibold text-gray-900 dark:text-white">Daftar Menu & Estimasi Keuntungan</h3>
            <p class="text-sm text-gray-600 dark:text-gray-400 mt-0.5">Per menu × Penerima Manfaat (PM) = estimasi laba</p>
        </div>
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                <thead class="bg-gray-50 dark:bg-gray-700">
                    <tr>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">No</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Menu</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Kategori</th>
                        <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">PM</th>
                        <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Anggaran/porsi</th>
                        <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Biaya/porsi</th>
                        <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Total Anggaran</th>
                        <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Total Biaya</th>
                        <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Estimasi Laba</th>
                    </tr>
                </thead>
                <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                    @foreach($daftarMenu as $i => $m)
                        <tr>
                            <td class="px-6 py-3 text-sm text-gray-500 dark:text-gray-400">{{ $i + 1 }}</td>
                            <td class="px-6 py-3 text-sm font-medium text-gray-900 dark:text-white">{{ $m['menu'] }}</td>
                            <td class="px-6 py-3 text-sm text-gray-600 dark:text-gray-300">
                                <span class="inline-flex px-2 py-0.5 rounded text-xs font-medium
                                    {{ $m['kategori_porsi'] === 'kecil' ? 'bg-amber-100 text-amber-800 dark:bg-amber-900/30' : '' }}
                                    {{ $m['kategori_porsi'] === 'sedang' ? 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30' : '' }}
                                    {{ $m['kategori_porsi'] === 'besar' ? 'bg-teal-100 text-teal-800 dark:bg-teal-900/30' : '' }}">
                                    {{ ucfirst($m['kategori_porsi']) }}
                                </span>
                            </td>
                            <td class="px-6 py-3 text-sm text-right text-gray-900 dark:text-white">{{ number_format($m['penerima_manfaat'], 0, ',', '.') }}</td>
                            <td class="px-6 py-3 text-sm text-right text-gray-600 dark:text-gray-300">Rp {{ number_format($m['anggaran_standar'], 0, ',', '.') }}</td>
                            <td class="px-6 py-3 text-sm text-right text-gray-600 dark:text-gray-300">Rp {{ number_format($m['biaya_per_porsi'], 0, ',', '.') }}</td>
                            <td class="px-6 py-3 text-sm text-right text-gray-900 dark:text-white">Rp {{ number_format($m['total_anggaran'], 0, ',', '.') }}</td>
                            <td class="px-6 py-3 text-sm text-right text-blue-600 dark:text-blue-400">Rp {{ number_format($m['total_biaya'], 0, ',', '.') }}</td>
                            <td class="px-6 py-3 text-sm text-right font-semibold {{ $m['estimasi_keuntungan'] >= 0 ? 'text-emerald-600 dark:text-emerald-400' : 'text-amber-600 dark:text-amber-400' }}">
                                Rp {{ number_format($m['estimasi_keuntungan'], 0, ',', '.') }}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @endif

    <!-- Detail Per Hari -->
    @if($startDate && $endDate)
    <div class="space-y-6">
        @foreach($dataPerTanggal as $tanggalKey => $data)
            @php
                $rows = $data['rows'];
                $isEmpty = empty($rows);
            @endphp
            <div class="bg-white dark:bg-gray-800 rounded-xl shadow-md border border-gray-200 dark:border-gray-700 overflow-hidden">
                <div class="px-6 py-4 bg-gray-50 dark:bg-gray-700/50 border-b border-gray-200 dark:border-gray-700">
                    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
                        <h3 class="font-semibold text-gray-900 dark:text-white">{{ $data['tanggal']->translatedFormat('l, d F Y') }}</h3>
                        @if(!$isEmpty)
                            <div class="flex flex-wrap items-center gap-4 text-sm">
                                <span class="text-gray-600 dark:text-gray-400">Anggaran: <strong>Rp {{ number_format($data['anggaran_harian'], 0, ',', '.') }}</strong></span>
                                <span class="text-gray-600 dark:text-gray-400">Biaya: <strong>Rp {{ number_format($data['estimasi_biaya_from_bahan'], 0, ',', '.') }}</strong></span>
                                <span class="{{ $data['estimasi_keuntungan_harian'] >= 0 ? 'text-emerald-600 dark:text-emerald-400' : 'text-amber-600 dark:text-amber-400' }} font-semibold">
                                    Estimasi laba: Rp {{ number_format($data['estimasi_keuntungan_harian'], 0, ',', '.') }}
                                </span>
                            </div>
                        @endif
                    </div>
                </div>
                @if(!$isEmpty)
                    <div class="px-6 py-3 bg-slate-50 dark:bg-slate-800/50 border-b border-gray-200 dark:border-gray-700">
                        <p class="text-xs font-medium text-gray-600 dark:text-gray-400 uppercase mb-2">Per porsi</p>
                        <div class="flex flex-wrap gap-4">
                            @foreach(['kecil' => 'Porsi Kecil', 'sedang' => 'Porsi Sedang', 'besar' => 'Porsi Besar'] as $cat => $label)
                                @if(($data['keuntungan_per_kategori'][$cat] ?? 0) != 0)
                                    <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium
                                        {{ $cat === 'kecil' ? 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300' : '' }}
                                        {{ $cat === 'sedang' ? 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-300' : '' }}
                                        {{ $cat === 'besar' ? 'bg-teal-100 text-teal-800 dark:bg-teal-900/30 dark:text-teal-300' : '' }}">
                                        {{ $label }}: Rp {{ number_format($data['keuntungan_per_kategori'][$cat], 0, ',', '.') }}
                                    </span>
                                @endif
                            @endforeach
                        </div>
                    </div>
                    <div class="overflow-x-auto">
                        <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                            <thead class="bg-gray-50 dark:bg-gray-700">
                                <tr>
                                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Menu</th>
                                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Kategori</th>
                                    <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Porsi</th>
                                    <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Anggaran/porsi</th>
                                    <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Biaya/porsi</th>
                                    <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Total Anggaran</th>
                                    <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Total Biaya</th>
                                    <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Estimasi Laba</th>
                                </tr>
                            </thead>
                            <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                                @foreach($rows as $row)
                                    <tr>
                                        <td class="px-6 py-3 text-sm font-medium text-gray-900 dark:text-white">{{ $row['menu'] }}</td>
                                        <td class="px-6 py-3 text-sm text-gray-600 dark:text-gray-300">
                                            <span class="inline-flex px-2 py-0.5 rounded text-xs font-medium
                                                {{ $row['kategori_porsi'] === 'kecil' ? 'bg-amber-100 text-amber-800 dark:bg-amber-900/30' : '' }}
                                                {{ $row['kategori_porsi'] === 'sedang' ? 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30' : '' }}
                                                {{ $row['kategori_porsi'] === 'besar' ? 'bg-teal-100 text-teal-800 dark:bg-teal-900/30' : '' }}">
                                                {{ ucfirst($row['kategori_porsi']) }}
                                            </span>
                                        </td>
                                        <td class="px-6 py-3 text-sm text-right text-gray-900 dark:text-white">{{ number_format($row['jumlah_porsi'], 0, ',', '.') }}</td>
                                        <td class="px-6 py-3 text-sm text-right text-gray-600 dark:text-gray-300">Rp {{ number_format($row['anggaran_standar'], 0, ',', '.') }}</td>
                                        <td class="px-6 py-3 text-sm text-right text-gray-600 dark:text-gray-300">Rp {{ number_format($row['biaya_per_porsi'], 0, ',', '.') }}</td>
                                        <td class="px-6 py-3 text-sm text-right text-gray-900 dark:text-white">Rp {{ number_format($row['total_anggaran'], 0, ',', '.') }}</td>
                                        <td class="px-6 py-3 text-sm text-right text-blue-600 dark:text-blue-400">Rp {{ number_format($row['total_biaya'], 0, ',', '.') }}</td>
                                        <td class="px-6 py-3 text-sm text-right font-medium {{ $row['estimasi_keuntungan'] >= 0 ? 'text-emerald-600 dark:text-emerald-400' : 'text-amber-600 dark:text-amber-400' }}">
                                            Rp {{ number_format($row['estimasi_keuntungan'], 0, ',', '.') }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="px-6 py-8 text-center text-sm text-gray-500 dark:text-gray-400">Tidak ada planning menu untuk hari ini.</div>
                @endif
            </div>
        @endforeach
    </div>
    @endif

    <div class="mt-6 p-4 bg-blue-50 dark:bg-blue-900/20 rounded-xl border border-blue-200 dark:border-blue-800">
        <p class="text-sm text-blue-800 dark:text-blue-300">
            <strong>Catatan:</strong> Estimasi ini dari ahli gizi berdasarkan harga pasaran & takaran menu. Keuntungan real ada di Invoice Harian (setelah vendor mencatat pembelian).
        </p>
    </div>
    @endif
@endsection