@extends('layouts.app')

@section('title', 'Edit Produk')

@section('content')

<h1>Edit Produk / Alat</h1>

@if($errors->any())
    <div class="alert-error">
        <ul>
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<form
    action="{{ route('products.update', $product) }}"
    method="POST"
    enctype="multipart/form-data"
>

    @csrf
    @method('PUT')


    <label>Kategori</label>

    <select name="category_id" required>

        @foreach($categories as $category)

            <option
                value="{{ $category->id }}"
                {{ old('category_id', $product->category_id) == $category->id ? 'selected' : '' }}
            >
                {{ $category->name }}
            </option>

        @endforeach

    </select>


    <label>Nama Produk / Alat</label>

    <input
        type="text"
        name="name"
        value="{{ old('name', $product->name) }}"
        required
    >


    <label>Deskripsi</label>

    <textarea
        name="description"
        rows="4"
    >{{ old('description', $product->description) }}</textarea>


    <label>Stok / Quantity</label>

    <input
        type="number"
        name="stock"
        min="0"
        value="{{ old('stock', $product->stock) }}"
        required
    >


    <label>Kondisi</label>

    <select name="condition" required>

        @foreach(['Baik', 'Rusak Ringan', 'Rusak'] as $condition)

            <option
                value="{{ $condition }}"
                {{ old('condition', $product->condition) == $condition ? 'selected' : '' }}
            >
                {{ $condition }}
            </option>

        @endforeach

    </select>


    <label>Gambar Baru</label>

    @if($product->image)

        <p>Gambar saat ini:</p>

        <img
            src="{{ asset('storage/' . $product->image) }}"
            width="150"
            alt="{{ $product->name }}"
        >

        <br><br>

    @endif

    <input
        type="file"
        name="image"
        accept=".jpg,.jpeg,.png,.webp"
    >

    <p>
        Kosongkan jika tidak ingin mengganti gambar.
    </p>


    <button type="submit" class="btn btn-primary">
        Update
    </button>

    <a href="{{ route('products.index') }}"
       class="btn">
        Kembali
    </a>

</form>

@endsection