@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-success text-white rounded-top-4 d-flex align-items-center">
        <i class="bi bi-plus-circle me-2 display-6"></i>
        <span class="fs-5 fw-bold">Tambah 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.store') }}" enctype="multipart/form-data">
            @csrf
            <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') }}" 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') }}</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') }}" min="0" step="0.01">
            </div>
            <div class="mb-3">
                <label for="gambar" class="form-label">Gambar Produk</label>
                <input class="form-control rounded-3" type="file" id="gambar" name="gambar" accept="image/*">
            </div>
            <button type="submit" class="btn btn-success btn-lg w-100 shadow mt-3"><i class="bi bi-save me-2"></i>Simpan Produk</button>
            <a href="{{ route('admin.products.index') }}" class="btn btn-link w-100 mt-2">Batal</a>
        </form>
    </div>
</div>
@endsection