@extends('layouts.app')

@section('title', 'Detail Konsinyasi')

@section('content')
<div class="container mx-auto p-4">
    <div class="bg-white shadow-md rounded-lg p-6">
        <h1 class="text-2xl font-bold mb-6 text-center">Detail Penjualan Konsinyasi</h1>

        <div class="mb-6">
            <a href="{{ route('penjualan-konsinyasi.index') }}" class="bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded-lg inline-flex items-center">
                <svg class="w-4 h-4 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="M10 19l-7-7m0 0l7-7m-7 7h18"></path></svg>
                Kembali
            </a>
        </div>

        @if($penjualanKonsinyasi)
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
                <div>
                    <p class="text-gray-600 font-semibold">Tanggal Kirim:</p>
                    <p class="text-gray-900">{{ \Carbon\Carbon::parse($penjualanKonsinyasi->tanggal_kirim)->format('d F Y') }}</p>
                </div>
                <div>
                    <p class="text-gray-600 font-semibold">Pelanggan:</p>
                    <p class="text-gray-900">{{ $penjualanKonsinyasi->pelanggan->nama ?? 'N/A' }}</p>
                </div>
                <div>
                    <p class="text-gray-600 font-semibold">Status:</p>
                    <p class="text-gray-900">{{ ucfirst($penjualanKonsinyasi->status) }}</p>
                </div>
                <div>
                    <p class="text-gray-600 font-semibold">Total Terjual:</p>
                    <p class="text-gray-900 font-bold">Rp {{ number_format($penjualanKonsinyasi->total_terjual, 2, ',', '.') }}</p>
                </div>
            </div>

            <h2 class="text-xl font-bold mb-4 border-b-2 pb-2">Detail Produk Konsinyasi</h2>
            
            <div class="overflow-x-auto">
                <table class="min-w-full leading-normal">
                    <thead>
                        <tr>
                            <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
                                Nama Produk
                            </th>
                            <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
                                Kuantitas Kirim
                            </th>
                            <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
                                Kuantitas Terjual
                            </th>
                            <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
                                Kuantitas Retur
                            </th>
                            <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
                                Harga Satuan
                            </th>
                            <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
                                Subtotal
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($penjualanKonsinyasi->details as $detail)
                        <tr>
                            <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
                                <p class="text-gray-900 whitespace-no-wrap">{{ $detail->produkJadi->nama ?? 'N/A' }}</p>
                            </td>
                            <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
                                <p class="text-gray-900 whitespace-no-wrap">{{ number_format($detail->kuantitas_kirim, 2, ',', '.') }} {{ $detail->produkJadi->satuan ?? '' }}</p>
                            </td>
                            <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
                                <p class="text-gray-900 whitespace-no-wrap">{{ number_format($detail->kuantitas_terjual, 2, ',', '.') }} {{ $detail->produkJadi->satuan ?? '' }}</p>
                            </td>
                            <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
                                <p class="text-gray-900 whitespace-no-wrap">{{ number_format($detail->kuantitas_retur, 2, ',', '.') }} {{ $detail->produkJadi->satuan ?? '' }}</p>
                            </td>
                            <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
                                <p class="text-gray-900 whitespace-no-wrap">Rp {{ number_format($detail->harga_jual, 2, ',', '.') }}</p>
                            </td>
                            <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
                                <p class="text-gray-900 whitespace-no-wrap">Rp {{ number_format($detail->subtotal_terjual, 2, ',', '.') }}</p>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <p class="text-gray-500 text-center">Data konsinyasi tidak ditemukan.</p>
        @endif
    </div>
</div>
@endsection