108 lines
5.4 KiB
Plaintext
108 lines
5.4 KiB
Plaintext
@extends('layouts.backend')
|
|
|
|
@section('title', ucfirst('Food') . ' Form')
|
|
@section('page_title', ucfirst('Food') . ' Form')
|
|
|
|
@section('content')
|
|
<!-- Page Header -->
|
|
<div class="row mb-4">
|
|
<div class="col-12 d-flex justify-content-between align-items-center">
|
|
<h1 class="h3 mb-0">{{ ucfirst('Food') }} Management</h1>
|
|
<a href="{{ route('products.index') }}" class="btn btn-outline-secondary">
|
|
<i class="bi bi-arrow-left"></i> Back to List
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edit Form Card -->
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<form action="{{ route('products.update', $product->id) }}" enctype="multipart/form-data" method="POST">
|
|
@csrf
|
|
@method('PATCH')
|
|
|
|
<div class="row">
|
|
<!-- Name -->
|
|
<div class="col-md-6 mb-3">
|
|
<label for="name" class="form-label">{{ _lang('Name') }}</label>
|
|
<input type="text" class="form-control" id="name" name="name"
|
|
value="{{ old('name', $product->name) }}" placeholder="Enter name" required>
|
|
@error('name')
|
|
<small class="text-danger">{{ $message }}</small>
|
|
@enderror
|
|
</div>
|
|
|
|
<!-- Code -->
|
|
<div class="col-md-6 mb-3">
|
|
<label for="code" class="form-label">{{ _lang('Code') }}</label>
|
|
<input type="text" class="form-control" id="code" name="code"
|
|
value="{{ old('code', $product->code) }}" placeholder="Enter code">
|
|
@error('code')
|
|
<small class="text-danger">{{ $message }}</small>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Image Upload -->
|
|
<div class="mb-4">
|
|
<label class="form-label d-block mb-2">Image</label>
|
|
|
|
<div class="card card-flush py-3">
|
|
<div class="card-body text-center">
|
|
<style>
|
|
.image-input-placeholder {
|
|
background-image: url('{{ asset('assets/media/svg/files/blank-image.svg') }}');
|
|
}
|
|
[data-theme="dark"] .image-input-placeholder {
|
|
background-image: url('{{ asset('assets/media/svg/files/blank-image-dark.svg') }}');
|
|
}
|
|
</style>
|
|
|
|
<div class="image-input image-input-outline image-input-placeholder mb-3"
|
|
data-kt-image-input="true"
|
|
style="background-image: url('{{ $product->image ? asset($product->image) : asset('assets/media/svg/files/blank-image.svg') }}');">
|
|
<!-- Existing Image Preview -->
|
|
<div class="image-input-wrapper w-150px h-150px"
|
|
style="background-image: url('{{ $product->image ? asset($product->image) : asset('assets/media/svg/files/blank-image.svg') }}');">
|
|
</div>
|
|
|
|
<!-- Upload -->
|
|
<label class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow"
|
|
data-kt-image-input-action="change" data-bs-toggle="tooltip" title="Change image">
|
|
<i class="bi bi-pencil-fill fs-7"></i>
|
|
<input type="file" name="image" accept=".png, .jpg, .jpeg" />
|
|
<input type="hidden" name="image_remove" />
|
|
</label>
|
|
|
|
<!-- Cancel -->
|
|
<span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow"
|
|
data-kt-image-input-action="cancel" data-bs-toggle="tooltip" title="Cancel image">
|
|
<i class="bi bi-x fs-2"></i>
|
|
</span>
|
|
|
|
<!-- Remove -->
|
|
<span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow"
|
|
data-kt-image-input-action="remove" data-bs-toggle="tooltip" title="Remove image">
|
|
<i class="bi bi-x fs-2"></i>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="text-muted fs-7">
|
|
Update the product image. Accepted formats: *.png, *.jpg, *.jpeg.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Submit Button -->
|
|
<div class="d-flex gap-2">
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="bi bi-check"></i> {{ _lang('Update') }}
|
|
</button>
|
|
<a href="{{ route('products.index') }}" class="btn btn-secondary">Cancel</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
@endsection
|