@extends('layouts.app')

@section('title', 'Detail Pesanan Penjualan #' . $pesananPenjualan->id . ' - Dazry Laundry App')
@section('page_title', 'Detail Pesanan Penjualan')

@section('content')
<section class="bg-white text-sm  pt-3 max-w-2xl ">
   

    {{-- Informasi Header Pesanan Penjualan --}}
    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-gray-700  mb-8 border-b pb-4">
        <div class="font-semibold">Nomor PO:</div>
        <div>{{ $pesananPenjualan->no_po }}</div>

        <div class="font-semibold">Tanggal Pesanan:</div>
        <div>{{ \Carbon\Carbon::parse($pesananPenjualan->tanggal_pesanan)->format('d F Y') }}</div>

        <div class="font-semibold">Pelanggan:</div>
        <div>{{ $pesananPenjualan->pelanggan->nama ?? 'N/A' }}</div>

        <div class="font-semibold">Total Harga:</div>
        <div>Rp {{ number_format($pesananPenjualan->total_harga, 2, ',', '.') }}</div>

        <div class="font-semibold">Status:</div>
        <div>
            <span class="px-3 py-1 inline-flex text-sm leading-5 font-semibold 
                @if($pesananPenjualan->status === 'selesai') bg-green-100 text-green-800
                @elseif($pesananPenjualan->status === 'baru') bg-yellow-100 text-yellow-800
                @elseif($pesananPenjualan->status === 'diproses') bg-blue-100 text-blue-800
                @elseif($pesananPenjualan->status === 'siap_kirim') bg-purple-100 text-purple-800
                @elseif($pesananPenjualan->status === 'dibatalkan') bg-red-100 text-red-800
                @else bg-gray-100 text-gray-800
                @endif">
                {{ ucfirst(str_replace('_', ' ', $pesananPenjualan->status)) }}
            </span>
        </div>

        <div class="font-semibold">Tanggal Estimasi Selesai:</div>
        <div>{{ $pesananPenjualan->tanggal_estimasi_selesai ? \Carbon\Carbon::parse($pesananPenjualan->tanggal_estimasi_selesai)->format('d F Y') : '-' }}</div>

        {{-- Keterangan tidak disimpan di tabel utama, jadi tidak ditampilkan di sini --}}
        {{-- <div class="font-semibold">Keterangan:</div>
        <div>{{ $pesananPenjualan->keterangan ?? '-' }}</div> --}}

        <div class="font-semibold">Dibuat Pada:</div>
        <div>{{ $pesananPenjualan->created_at->format('d-m-Y H:i:s') }}</div>

        <div class="font-semibold">Terakhir Diperbarui:</div>
        <div>{{ $pesananPenjualan->updated_at->format('d-m-Y H:i:s') }}</div>
    </div>

    {{-- Detail Item Pesanan Penjualan --}}
    <h3 class="font-semibold text-gray-800 mb-4 border-b pb-2">Detail Item Pesanan</h3>
    <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 text-xs">
                <tr>
                    <th scope="col" class="px-3 py-3 text-left  font-medium  uppercase tracking-wider">No.</th>
                    <th scope="col" class="px-3 py-3 text-left  font-medium  uppercase tracking-wider">Produk Jadi</th>
                    <th scope="col" class="px-3 py-3 text-center  font-medium  uppercase tracking-wider">Kuantitas</th>
                    <th scope="col" class="px-3 py-3 text-center  font-medium  uppercase tracking-wider">Harga Satuan</th>
                    <th scope="col" class="px-3 py-3 text-center  font-medium  uppercase tracking-wider">Subtotal</th>
                </tr>
            </thead>
            <tbody class="bg-white divide-y divide-gray-200">
                @forelse ($pesananPenjualan->details as $detail)
                <tr>
                    <td class="px-3 whitespace-nowrap  text-gray-500">{{ $loop->iteration }}</td>
                    <td class="px-3 whitespace-nowrap  font-medium text-gray-900">{{ $detail->produkJadi->nama ?? 'N/A' }} ({{ $detail->produkJadi->satuan ?? 'N/A' }})</td>
                    <td class="px-3 whitespace-nowrap  text-center text-gray-500">{{ number_format($detail->kuantitas, 2, ',', '.') }} {{ $detail->produkJadi->satuan ?? '' }}</td>
                    <td class="px-3 whitespace-nowrap  text-center text-gray-500">Rp {{ number_format($detail->harga_satuan, 2, ',', '.') }}</td>
                    <td class="px-3 whitespace-nowrap  text-center text-gray-500">Rp {{ number_format($detail->subtotal, 2, ',', '.') }}</td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 text-center">Tidak ada item pesanan penjualan yang tercatat untuk transaksi ini.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{-- Tombol Aksi --}}
    <div class="flex items-center justify-end mt-8 space-x-4">
        <a href="{{ route('pesanan-penjualan.index') }}" class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2.5 px-6  transition-all duration-200 transform hover:scale-105">
           <i class="fas fa-arrow-left mr-2"></i> Back
        </a>
        <a href="{{ route('pesanan-penjualan.edit', $pesananPenjualan->id) }}" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2.5 px-6  transition-all duration-200 transform hover:scale-105">
            <i class="fas fa-edit mr-2"></i> Edit
        </a>
    </div>
</section>
@endsection