@extends('layouts.app')
@section('title', 'Edit Konsinyasi - Dazry Laundry App')
@section('page_title', 'Edit Konsinyasi')
@section('content')
<section class="bg-white text-sm  max-w-2xl">
    {{-- <h1 class="text-2xl font-bold mb-6">Edit Penjualan Konsinyasi</h1> --}}

    @if ($errors->any())
        <div class="bg-red-100 text-red-700 p-4 rounded mb-4">
            <ul class="list-disc ml-6">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('penjualan-konsinyasi.update', $penjualanKonsinyasi->id) }}" method="POST">
        @csrf
        @method('PUT')

        {{-- Pelanggan --}}
        <div class="mb-4">
            <label for="pelanggan_id" class="block text-gray-700 font-bold mb-2">Pelanggan:</label>
            <select name="pelanggan_id" id="pelanggan_id" class="form-select w-full border-gray-300 " required>
                <option value="">-- Pilih Pelanggan --</option>
                @foreach($pelanggans as $pelanggan)
                    <option value="{{ $pelanggan->id }}" {{ $penjualanKonsinyasi->pelanggan_id == $pelanggan->id ? 'selected' : '' }}>
                        {{ $pelanggan->nama }}
                    </option>
                @endforeach
            </select>
        </div>

        {{-- Tanggal Kirim --}}
        <div class="mb-4">
            <label for="tanggal_kirim" class="block text-gray-700 font-bold mb-2">Tanggal Kirim:</label>
            <input type="date" name="tanggal_kirim" id="tanggal_kirim" 
                   class="form-input w-full border-gray-300 " 
                   value="{{ old('tanggal_kirim', $penjualanKonsinyasi->tanggal_kirim) }}" required>
        </div>

        {{-- Detail Produk --}}
        <div class="mb-6">
            <h2 class="text-lg font-semibold mb-2">Detail Produk</h2>
            <div id="produk-container">
                @foreach($penjualanKonsinyasi->details as $index => $detail)
                    <div class="mb-4 p-4 border  bg-gray-50 produk-item">
                        <label class="block text-gray-700 font-bold mb-2">Produk Jadi:</label>
                        <select name="details[{{ $index }}][produk_jadi_id]" class="form-select w-full border-gray-300 " required>
                            <option value="">-- Pilih Produk --</option>
                           @foreach($produkJadis as $produk)

                                <option value="{{ $produk->id }}" {{ $detail->produk_jadi_id == $produk->id ? 'selected' : '' }}>
                                    {{ $produk->nama }}
                                </option>
                            @endforeach
                        </select>

                        <label class="block text-gray-700 font-bold mb-2 mt-2">Kuantitas Kirim:</label>
                        <input type="number" name="details[{{ $index }}][kuantitas_kirim]" 
                               class="form-input w-full border-gray-300 " 
                               value="{{ $detail->kuantitas_kirim }}" min="1" required>

                        <label class="block text-gray-700 font-bold mb-2 mt-2">Harga Jual:</label>
                        <input type="number" step="any" name="details[{{ $index }}][harga_jual]" 
                               class="form-input w-full border-gray-300 " 
                               value="{{ $detail->harga_jual }}" min="0" required>

                        {{-- Hidden ID detail untuk update --}}
                        <input type="hidden" name="details[{{ $index }}][id]" value="{{ $detail->id }}">
                    </div>
                @endforeach
            </div>
        </div>

        {{-- Tombol Submit --}}
        <div class="flex justify-end">
            <a href="{{ route('penjualan-konsinyasi.index') }}" class="bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4  mr-2"><i class="fa-solid fa-xmark mr-2"></i> Batal</a>
            <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 "><i class="fa-solid fa-pen-to-square mr-2"></i> Update</button>
        </div>
    </form>
</section>
@endsection