@extends('layouts.admin')

@section('content')
<div class="mb-4"></div>
<div class="card shadow-lg border-0 rounded-4 w-100">
    <div class="card-header bg-warning text-dark rounded-top-4 d-flex align-items-center">
        <i class="bi bi-pencil me-2 display-6"></i>
        <span class="fs-5 fw-bold">Edit Produk</span>
    </div>
    <div class="card-body p-4">
        @if($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <form method="POST" action="{{ route('admin.products.update', $product->id) }}" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="mb-3">
                <label for="nama_produk" class="form-label">Nama Produk</label>
                <input type="text" class="form-control rounded-3" id="nama_produk" name="nama_produk" value="{{ old('nama_produk', $product->nama_produk) }}" required>
            </div>
            <div class="mb-3">
                <label for="deskripsi" class="form-label">Deskripsi</label>
                <textarea class="form-control rounded-3" id="deskripsi" name="deskripsi" rows="3">{{ old('deskripsi', $product->deskripsi) }}</textarea>
            </div>
            <div class="mb-3">
                <label for="harga" class="form-label">Harga</label>
                <input type="number" class="form-control rounded-3" id="harga" name="harga" value="{{ old('harga', $product->harga) }}" min="0" step="0.01">
            </div>
            <div class="mb-3">
                <label for="gambar" class="form-label">Gambar Produk</label>
                @if($product->gambar)
                    <div class="mb-2">
                        <img src="{{ asset('storage/'.$product->gambar) }}" alt="Gambar" width="100" class="rounded shadow-sm">
                    </div>
                @endif
                <input class="form-control rounded-3" type="file" id="gambar" name="gambar" accept="image/*">
            </div>
            <button type="submit" class="btn btn-warning btn-lg w-100 shadow mt-3"><i class="bi bi-save me-2"></i>Update Produk</button>
            <a href="{{ route('admin.products.index') }}" class="btn btn-link w-100 mt-2">Batal</a>
        </form>
    </div>
</div>
@endsection