@extends('layouts.app')

@section('title', 'Ringkasan Persediaan - Dazry Laundry App')
@section('page_title', 'Ringkasan Persediaan')

@section('content')
<section class="bg-white shadow-md rounded-xl p-6 mb-8">
    <div class="flex justify-between items-center mb-6">
        <h2 class="text-2xl font-bold text-gray-800">Ringkasan Persediaan Saat Ini</h2>
        <a href="{{ route('persediaan.pergerakan_stok') }}" class="bg-purple-600 hover:bg-purple-700 text-white px-5 py-2.5 rounded-lg shadow-md transition-all duration-200 transform hover:scale-105">
            <svg class="w-5 h-5 inline-block mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"></path></svg>
            Lihat Riwayat Pergerakan Stok
        </a>
    </div>

    <h3 class="text-xl font-semibold text-gray-800 mb-4 border-b pb-2">Stok Bahan Baku</h3>
    <div class="overflow-x-auto rounded-lg border border-gray-200 mb-8">
        <table class="min-w-full divide-y divide-gray-200">
            <thead class="bg-gray-50">
                <tr>
                    <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Nama Bahan Baku</th>
                    <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">Stok Saat Ini</th>
                    <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">Satuan</th>
                    <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">Stok Minimum</th>
                    <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
                </tr>
            </thead>
            <tbody class="bg-white divide-y divide-gray-200">
                @forelse ($bahanBakus as $bahanBaku)
                <tr>
                    <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">{{ $bahanBaku->nama }}</td>
                    <td class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500">{{ number_format($bahanBaku->stok_saat_ini, 2, ',', '.') }}</td>
                    <td class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500">{{ $bahanBaku->satuan }}</td>
                    <td class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500">{{ $bahanBaku->stok_minimum }}</td>
                    <td class="px-6 py-4 whitespace-nowrap text-sm text-center">
                        @if ($bahanBaku->stok_saat_ini <= $bahanBaku->stok_minimum)
                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">
                                Rendah
                            </span>
                        @else
                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
                                Cukup
                            </span>
                        @endif
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 text-center">Tidak ada bahan baku ditemukan.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <h3 class="text-xl font-semibold text-gray-800 mb-4 border-b pb-2">Stok Produk Jadi</h3>
    <div class="overflow-x-auto rounded-lg border border-gray-200">
        <table class="min-w-full divide-y divide-gray-200">
            <thead class="bg-gray-50">
                <tr>
                    <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Nama Produk Jadi</th>
                    <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">Stok Saat Ini</th>
                    <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">Satuan</th>
                    <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">Stok Minimum</th>
                    <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
                </tr>
            </thead>
            <tbody class="bg-white divide-y divide-gray-200">
                @forelse ($produkJadis as $produkJadi)
                <tr>
                    <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">{{ $produkJadi->nama }}</td>
                    <td class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500">{{ number_format($produkJadi->stok_saat_ini, 2, ',', '.') }}</td>
                    <td class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500">{{ $produkJadi->satuan }}</td>
                    <td class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500">{{ $produkJadi->stok_minimum }}</td>
                    <td class="px-6 py-4 whitespace-nowrap text-sm text-center">
                        @if ($produkJadi->stok_saat_ini <= $produkJadi->stok_minimum)
                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">
                                Rendah
                            </span>
                        @else
                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
                                Cukup
                            </span>
                        @endif
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 text-center">Tidak ada produk jadi ditemukan.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</section>
@endsection