@extends('layouts.app')

@section('content')
<style>
    .form-container {
        max-width: 700px;
        margin: auto;
        background: white;
        padding: 30px;
        border-radius: 12px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    }

    .form-container h2 {
        color: #1f7a4c;
        margin-bottom: 20px;
    }

    .form-group {
        margin-bottom: 15px;
    }

    label {
        font-weight: 500;
        display: block;
        margin-bottom: 4px;
    }

    input, select {
        width: 98%;
        padding: 5px;
        border-radius: 5px;
        border: 2px solid #ccc;
    }

    .btn-simpan {
        margin-top: 10px;
        width: 100%;
        padding: 10px;
        border-radius: 8px;
        border: none;
        background: #1f7a4c;
        color: white;
        font-size: 16px;
        font-weight: 500;
    }

    .error {
        color: red;
        font-size: 14px;
    }
</style>

<div class="form-container">
    <h2>➕ Tambah Produk</h2>

    <form action="{{ route('produk.store') }}" method="POST">
        @csrf

        <div class="form-group">
            <label>Nama Produk</label>
            <input type="text" name="name" value="{{ old('name') }}">
            @error('name') <div class="error">{{ $message }}</div> @enderror
        </div>

        <div class="form-group">
            <label>Barcode</label>
            <input type="text" name="barcode" value="{{ old('barcode') }}">
            @error('barcode') <div class="error">{{ $message }}</div> @enderror
        </div>

        <div>
            <label>Harga Beli (Modal)</label>
            <input type="number" name="purchase_price" class="form-control"
                value="{{ old('purchase_price', $product->purchase_price ?? 0) }}" required>
        </div>

        <div class="form-group">
            <label>Harga Jual</label>
            <input type="number" name="price" value="{{ old('price') }}">
            @error('price') <div class="error">{{ $message }}</div> @enderror
        </div>

        <div class="form-group">
            <label>Stok</label>
            <input type="number" name="stock" value="{{ old('stock') }}">
            @error('stock') <div class="error">{{ $message }}</div> @enderror
        </div>

        <div class="form-group">
            <label>Minimal Beli Untuk Diskon</label>
            <input type="number" name="discount_qty" class="form-control" placeholder="Contoh: 3">
        </div>

        <div class="form-group">
            <label>Harga Setelah Diskon</label>
             <input type="number" name="discount_price" class="form-control" placeholder="Contoh: 8000">
        </div>
        <button type="submit" class="btn-simpan">💾 Simpan Produk</button>
        
    </form>


@endsection