@extends('layouts.app')

@section('content')
<div style="padding:30px; max-width:700px; margin:auto;">

    <h2 style="color:#1f7a4c;">✏️ Edit Produk</h2>

    @if ($errors->any())
        <div style="background:#ffdede; padding:10px; border-radius:6px; margin-bottom:15px;">
            <ul style="margin:0;">
                @foreach ($errors->all() as $error)
                    <li style="color:red;">{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

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

        <div style="margin-bottom:15px;">
            <label>Nama Produk</label>
            <input type="text" name="name" value="{{ old('name', $produk->name) }}" required
                   style="width:100%; padding:8px; border-radius:5px; border:1px solid #ccc;">
        </div>

        <div style="margin-bottom:15px;">
            <label>Barcode</label>
            <input type="text" name="barcode" value="{{ old('barcode', $produk->barcode) }}" required
                   style="width:100%; padding:8px; border-radius:5px; border:1px solid #ccc;">
        </div>

      <div style="margin-bottom:15px;">
            <label>Harga Beli (Modal)</label>
            <input type="number" name="purchase_price" class="form-control"
                style="width:100%; padding:8px; border-radius:5px; border:1px solid #ccc;">
        </div>

        <div style="margin-bottom:15px;">
            <label>Harga Jual</label>
            <input type="number" name="price" value="{{ old('price', $produk->price) }}" required
                   style="width:100%; padding:8px; border-radius:5px; border:1px solid #ccc;">
        </div>
    

        <div style="margin-bottom:15px;">
            <label>Stok</label>
            <input type="number" name="stock" value="{{ old('stock', $produk->stock) }}" required
                   style="width:100%; padding:8px; border-radius:5px; border:1px solid #ccc;">
        </div>

        <div style="margin-bottom:20px;">
            <label>Kategori</label>
            <select name="category_id" style="width:100%; padding:8px; border-radius:5px; border:1px solid #ccc;">
                <option value="">-- Tanpa Kategori --</option>
                @foreach($categories as $cat)
                    <option value="{{ $cat->id }}" {{ $produk->category_id == $cat->id ? 'selected' : '' }}>
                        {{ $cat->name }}
                    </option>
                @endforeach
            </select>
        </div>

        

        <h4>Pengaturan Diskon (Opsional)</h4>

        <div style="margin-bottom:15px;">
            <label>Harga Asli (Coret)</label>
            <input type="number" name="original_price"
                   value="{{ old('original_price', $produk->original_price) }}"
                   style="width:100%; padding:8px; border-radius:5px; border:1px solid #ccc;">
        </div>

        <div style="margin-bottom:15px;">
            <label>Minimal Qty Dapat Diskon</label>
            <input type="number" name="discount_qty"
                   value="{{ old('discount_qty', $produk->discount_qty) }}"
                   style="width:100%; padding:8px; border-radius:5px; border:1px solid #ccc;">
        </div>

        <div style="margin-bottom:15px;">
            <label>Harga Diskon</label>
            <input type="number" name="discount_price"
                   value="{{ old('discount_price', $produk->discount_price) }}"
                   style="width:100%; padding:8px; border-radius:5px; border:1px solid #ccc;">
        </div>

        <button type="submit" style="background:#1f7a4c; color:white; padding:10px 18px; border:none; border-radius:6px;">
            💾 Update Produk
        </button>

        <a href="{{ route('produk.index') }}" style="margin-left:10px; text-decoration:none;">Batal</a>
    </form>
</div>
@endsection