MIF_E31211972/resources/views/admin/pages/kopi/editkopi.blade.php

136 lines
6.3 KiB
PHP

@extends('admin.layouts.app')
@section('title', 'Admin')
@push('style')
<!-- CSS Libraries -->
<link rel="stylesheet" href="{{ asset('admin/library/summernote/dist/summernote-bs4.css') }}">
<style>
#preview img {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
border-radius: .25rem;
}
</style>
@endpush
@section('main')
<div class="main-content">
<section class="section">
<div class="section-header">
<h1>Edit Produk</h1>
<div class="section-header-breadcrumb">
<a href="{{ url('/kopi') }}" class="btn btn-warning">Kembali</a>
</div>
</div>
<div class="section-body">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<form action="/kopi/{{ $data->id }}" method="POST"
enctype="multipart/form-data" class="row">
@csrf
@method('PUT')
<div class="form-group col-md-6">
<label>Nama Kopi</label>
<input type="text"
class="form-control @error('nama_kopi') is-invalid @enderror"
name="nama_kopi" value="{{ old('nama_kopi', $data->nama_kopi) }}" required autofocus
autocomplete="off">
@error('nama_kopi')
<div class="invalid-feedback">
Silahkan masukkan nama produk yang benar
</div>
@enderror
</div>
<div class="form-group col-md-6">
<label>Harga Beli</label>
<input type="number" class="form-control @error('harga_beli') is-invalid @enderror"
name="harga_beli" value="{{ old('harga_beli', $data->harga_beli) }}" required autocomplete="off">
@error('harga_beli')
<div class="invalid-feedback">
Harga beli tidak valid
</div>
@enderror
</div>
<div class="form-group col-md-6">
<label>Harga</label>
<input type="number" class="form-control @error('harga_jual') is-invalid @enderror"
name="harga_jual" value="{{ old('harga_jual', $data->harga_jual) }}" required autocomplete="off">
@error('harga_jual')
<div class="invalid-feedback">
Harga jual tidak valid
</div>
@enderror
</div>
<input type="hidden" name="oldGambar" value="{{ $data->gambar }}">
<div class="form-group col-md-4">
<label>Gambar</label>
<input type="file" name="gambar"
class="form-control @error('gambar') is-invalid @enderror" id="gambar"
onchange="imagePrev(this, '#tgambar');" autocomplete="off"
style="border: none!important" value="{{ $data->gambar }}">
@error('gambar')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
<div id="preview">
@if ($data->gambar)
<img class="mt-3" src="{{ asset('storage/' . $data->gambar) }}"
id="tgambar">
@else
<img class="mt-3" src="{{ asset('admin/img/noimage.png') }}"
id="tgambar">
@endif
</div>
</div>
<div class="col-md-12">
<button class="btn btn-primary float-right" type="submit">Simpan</button>
</div>
</form>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<div class="card-body">
</div>
</div>
</div>
</div>
</section>
</div>
@endsection
@push('scripts')
<!-- Page Specific JS File -->
<script src="{{ asset('js/page/forms-advanced-forms.js') }}"></script>
<script src="{{ asset('admin/library/summernote/dist/summernote-bs4.js') }}"></script>
<script>
function imagePrev(imageUploadKTP, tumb) {
if (imageUploadKTP.files && imageUploadKTP.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$(tumb)
.attr('src', e.target.result);
};
reader.readAsDataURL(imageUploadKTP.files[0]);
}
}
</script>
@endpush