@extends('layouts.app')

@section('title', 'Daftar Penjualan - Dazry Laundry App')
@section('page_title', 'Daftar Penjualan')

@section('content')
<section class="bg-white text-sm">
    <!-- Date Filter -->
    <div class="mt-4 flex items-center space-x-2 my-4">
        <span class="text-sm text-gray-500">Filter berdasarkan:</span>
        <form id="filterForm" action="{{ route('dashboard') }}" method="GET">
            <select name="filter" onchange="document.getElementById('filterForm').submit()" class="text-sm border border-gray-300 rounded-md px-3 py-1 focus:outline-none focus:ring-2 focus:ring-blue-500">
                <option value="hari_ini" {{ $filter == 'hari_ini' ? 'selected' : '' }}>Hari Ini</option>
                <option value="minggu_ini" {{ $filter == 'minggu_ini' ? 'selected' : '' }}>Minggu Ini</option>
                <option value="bulan_ini" {{ $filter == 'bulan_ini' ? 'selected' : '' }}>Bulan Ini</option>
                <option value="kuartal_ini" {{ $filter == 'kuartal_ini' ? 'selected' : '' }}>Kuartal Ini</option>
                <option value="tahun_ini" {{ $filter == 'tahun_ini' ? 'selected' : '' }}>Tahun Ini</option>
            </select>
        </form>
    </div>
    <div class="overflow-x-auto  border border-gray-200">
        <table class="min-w-full divide-y divide-gray-200">
            <thead class="bg-blue-700 text-white">
                <tr>
                    <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">No</th>
                    <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">Produk</th>
                    <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">Jumlah</th>
                    <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">Status</th>
                </tr>
            </thead>
            <tbody class="bg-white divide-y divide-gray-200">
                @foreach($penjualan_terbaru as $penjualan)
                <tr class="table-row-hover">
                    <td class="px-6 py-4 w-1 whitespace-nowrap">
                        {{ ($penjualan_terbaru->currentPage() - 1) * $penjualan_terbaru->perPage() + $loop->iteration }}
                    </td>
                    <td class="px-6 py-4 whitespace-nowrap">
                        <div class="flex items-center">
                            <div class="flex-shrink-0 h-10 w-10 bg-purple-100 rounded-md flex items-center justify-center">
                                <i class="fas fa-wine-bottle text-purple-600"></i>
                            </div>
                            <div class="ml-4">
                                @if ($penjualan instanceof \App\Models\PenjualanPiutang)
                                    <div class="text-sm font-medium text-gray-900">{{ $penjualan->details->first()->produkJadi->nama ?? 'N/A' }}</div>
                                    <div class="text-sm text-gray-500">#{{ $penjualan->id }} (Piutang)</div>
                                @elseif ($penjualan instanceof \App\Models\PenjualanKonsinyasi)
                                    <div class="text-sm font-medium text-gray-900">{{ $penjualan->details->first()->produkJadi->nama ?? 'N/A' }}</div>
                                    <div class="text-sm text-gray-500">#{{ $penjualan->id }} (Konsinyasi)</div>
                                @else
                                    <div class="text-sm font-medium text-gray-900">Produk Tidak Dikenal</div>
                                @endif
                            </div>
                        </div>
                    </td>
                    <td class="px-6 py-4 w-4 whitespace-nowrap">
                        @if ($penjualan instanceof \App\Models\PenjualanPiutang)
                            <div class="text-sm text-gray-900">{{ $penjualan->details->first()->jumlah ?? 'N/A' }} pcs</div>
                            <div class="text-sm text-gray-500">Rp {{ number_format($penjualan->total_harga) }}</div>
                        @elseif ($penjualan instanceof \App\Models\PenjualanKonsinyasi)
                            <div class="text-sm text-gray-900">{{ $penjualan->details->first()->kuantitas_terjual ?? 'N/A' }} pcs</div>
                            <div class="text-sm text-gray-500">Rp {{ number_format($penjualan->total_terjual) }}</div>
                        @else
                            <div class="text-sm text-gray-900">N/A</div>
                        @endif
                    </td>
                    <td class="px-6 py-4 w-10 whitespace-nowrap">
                        @if ($penjualan instanceof \App\Models\PenjualanPiutang)
                            <span class="relative inline-block px-3 py-1 font-semibold leading-tight bg-{{ $penjualan->status_pembayaran == 'lunas' ? 'green' : 'red' }}-200 text-black-500">
                                {{ $penjualan->status_pembayaran }}
                            </span>
                        @elseif ($penjualan instanceof \App\Models\PenjualanKonsinyasi)
                            <span class="relative inline-block px-3 py-1 font-semibold leading-tight bg-{{ $penjualan->status == 'lunas' ? 'green' : 'red' }}-200 text-black-500">
                                {{ $penjualan->status }}
                            </span>
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="mt-4">
        {{ $penjualan_terbaru->links() }}
    </div>
</section>
@endsection