157 lines
6.8 KiB
PHP
157 lines
6.8 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>Tambah Kopi</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" method="POST" enctype="multipart/form-data" class="row">
|
|
@csrf
|
|
<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') }}" required autofocus
|
|
autocomplete="off" placeholder="arabica level 1">
|
|
@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 (Per Kg)</label>
|
|
<input type="text" id="harga_beli" class="form-control @error('harga_beli') is-invalid @enderror"
|
|
name="harga_beli" value="{{ old('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 Jual (Per Kg)</label>
|
|
<input type="text" id="harga_jual" class="form-control @error('harga_jual') is-invalid @enderror"
|
|
name="harga_jual" value="{{ old('harga_jual') }}" required autocomplete="off">
|
|
@error('harga_jual')
|
|
<div class="invalid-feedback">
|
|
Harga jual tidak valid
|
|
</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<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');" required autocomplete="off"
|
|
style="border: none!important">
|
|
@error('gambar')
|
|
<div class="invalid-feedback">
|
|
{{ $message }}
|
|
</div>
|
|
@enderror
|
|
<div id="preview">
|
|
<img class="mt-3" src="{{ asset('admin/img/noimage.png') }}" id="tgambar">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-12">
|
|
<button class="btn btn-primary float-right" type="submit">Tambah</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]);
|
|
}
|
|
}
|
|
|
|
function formatRupiah(angka, prefix) {
|
|
var number_string = angka.replace(/[^,\d]/g, '').toString(),
|
|
split = number_string.split(','),
|
|
sisa = split[0].length % 3,
|
|
rupiah = split[0].substr(0, sisa),
|
|
ribuan = split[0].substr(sisa).match(/\d{3}/gi);
|
|
|
|
if (ribuan) {
|
|
separator = sisa ? '.' : '';
|
|
rupiah += separator + ribuan.join('.');
|
|
}
|
|
|
|
rupiah = split[1] != undefined ? rupiah + ',' + split[1] : rupiah;
|
|
return prefix == undefined ? rupiah : (rupiah ? 'Rp. ' + rupiah : '');
|
|
}
|
|
|
|
document.getElementById('harga_beli').addEventListener('keyup', function(e) {
|
|
this.value = formatRupiah(this.value, 'Rp. ');
|
|
});
|
|
|
|
document.getElementById('harga_jual').addEventListener('keyup', function(e) {
|
|
this.value = formatRupiah(this.value, 'Rp. ');
|
|
});
|
|
|
|
|
|
document.getElementById('harga_beli').addEventListener('keyup', function(e) {
|
|
this.value = formatRupiah(this.value, 'Rp. ');
|
|
});
|
|
|
|
document.getElementById('harga_jual').addEventListener('keyup', function(e) {
|
|
this.value = formatRupiah(this.value, 'Rp. ');
|
|
});
|
|
</script>
|
|
@endpush
|