@push('scripts')
<!-- Input Mask Plugin Js -->
<script src="https://unpkg.com/autonumeric"></script>
<script>
const tableSparepart = document.getElementById('table-sparepart');
const tableSparepartShow = document.getElementById('table-sparepart-list');
const tableDetail = document.getElementById('table-detail-item');
const itemDeleteButton = document.querySelectorAll(".item-delete");
const itemQtyInput = document.querySelectorAll(".qty");
const pencarian = document.getElementById('cari');
let itemId = document.querySelectorAll(".item_id");
// console.log(itemId);
const numberFormat = new Intl.NumberFormat({
style: 'currency'
});
let itemIdArray = [];
function loadList() {
const nilaiPencarian = pencarian.value;
fetch("{{ route('get-item') }}?cari=" + nilaiPencarian, {
method: "GET"
})
.then(
(response) => {
return response.json();
}
)
.then((data) => {
const rowCount = tableSparepart.querySelector('tbody');
while (rowCount.firstChild) {
rowCount.removeChild(rowCount.firstChild);
}
let items = data;
items.data.forEach(item => {
let namaSparepartText = document.createTextNode(item.nama_item);
let hargaJualText = document.createTextNode(numberFormat.format(item
.harga_item));
let hargaBeliText = document.createTextNode(numberFormat.format(item
.biaya_item));
let stok_tokos = item.stok_item_tokos.filter(toko => toko.toko_id == document.getElementById("toko_id").value);
var itemStok = item.stok_item_tokos.length > 0 ? stok_tokos.reduce((sum, toko) => sum + toko.stok, 0) : item.stok;
let stokText = document.createTextNode(itemStok);
let pilihButtonText = document.createTextNode(`Pilih`);
let pilihButton = document.createElement("button");
pilihButton.classList.add('btn', 'btn-primary', 'item-add');
// pilihButton.setAttribute('data-id', item.id);
pilihButton.setAttribute('type', "button");
pilihButton.dataset.id = item.id;
pilihButton.appendChild(pilihButtonText);
let jumlahInput = document.createElement("input");
jumlahInput.setAttribute('type', "number");
jumlahInput.setAttribute('value', 0);
jumlahInput.setAttribute('min', 0);
jumlahInput.classList.add('form-control', 'jumlah-input');
let row = tableSparepart.querySelector("tbody").insertRow(-1);
let namaSparepart = row.insertCell(0);
let hargaBeli = row.insertCell(1);
let hargaJual = row.insertCell(2);
let stok = row.insertCell(3);
let jumlah = row.insertCell(4);
let pilih = row.insertCell(5);
namaSparepart.setAttribute('style', 'max-width: 100px;')
namaSparepart.appendChild(namaSparepartText);
hargaJual.appendChild(hargaJualText);
hargaBeli.appendChild(hargaBeliText);
stok.appendChild(stokText);
jumlah.appendChild(jumlahInput);
pilih.appendChild(pilihButton);
addEventPilih(pilihButton);
});
});
}
tableSparepartShow.addEventListener("click", function() {
loadList();
pencarian.addEventListener('input', function() {
// Mengambil nilai input pencarian
loadList();
});
});
function addEventPilih(element) {
element.addEventListener('click', function(event) {
let jumlah = this.parentElement.parentElement.childNodes[4];
let jumlahValue = jumlah.querySelector(".jumlah-input").value;
fetch("{{ route('get-item') }}?search=" + this.dataset.id, {
method: "GET"
})
.then(
(response) => {
return response.json();
}
)
.then((data) => {
let items = data;
items.data.forEach(item => {
if (jumlahValue > 0) {
addDetailBarangRow();
}
function addDetailBarangRow() {
//new text element
showAlert(item.nama_item);
let namaSparepartText = document.createTextNode(item.nama_item);
let hargaBeliText = document.createTextNode(numberFormat.format(item
.biaya_item));
let jumlahText = document.createTextNode(jumlahValue);
let subTotalText = document.createTextNode(numberFormat.format(item
.biaya_item * jumlahValue));
let hapusButtonText = document.createTextNode("X");
let hapusButton = document.createElement("button");
hapusButton.classList.add("btn", "btn-danger", "item-delete");
hapusButton.appendChild(hapusButtonText);
hapusButton.setAttribute('type', "button");
//hidden input for form request
let jumlahInput = document.createElement("input");
jumlahInput.classList.add("qty");
jumlahInput.setAttribute('name', "jumlah[]");
jumlahInput.setAttribute('type', "number");
jumlahInput.setAttribute('min', 0);
jumlahInput.setAttribute('value', jumlahValue);
// jumlahInput.setAttribute('hidden', true);
//hidden input for form request
let idInput = document.createElement("input");
idInput.setAttribute('name', "id[]");
idInput.classList.add("item_id");
idInput.setAttribute('type', "text");
idInput.setAttribute('value', item.id);
idInput.setAttribute('hidden', true);
// let selectElement = document.createElement("select");
// selectElement.setAttribute('name', "status_retur[]");
// selectElement.classList.add("form-control");
// let option1 = document.createElement("option");
// option1.setAttribute('value', "1");
// option1.textContent = "Retur Diterima";
// let option2 = document.createElement("option");
// option2.setAttribute('value', "0");
// option2.textContent = "Retur Ditolak";
// selectElement.appendChild(option1);
// selectElement.appendChild(option2);
let hargaInput = document.createElement("input");
hargaInput.setAttribute('name', "harga[]");
hargaInput.classList.add("harga");
hargaInput.setAttribute('type', "number");
hargaInput.setAttribute('value', item.biaya_item);
hargaInput.setAttribute('hidden', true);
let row = tableDetail.querySelector("tbody").insertRow(-1);
let namaSparepart = row.insertCell(0);
let jumlah = row.insertCell(1);
let hargaBeli = row.insertCell(2);
// let select = row.insertCell(3);
let subTotal = row.insertCell(3);
subTotal.classList.add("subTotal");
let hapus = row.insertCell(4);
namaSparepart.appendChild(namaSparepartText);
hargaBeli.appendChild(hargaBeliText);
// select.appendChild(selectElement);
subTotal.appendChild(subTotalText);
// jumlah.appendChild(jumlahText);
jumlah.appendChild(jumlahInput);
jumlah.appendChild(idInput);
jumlah.appendChild(hargaInput);
hapus.appendChild(hapusButton);
let detail = [item.id, jumlahValue];
addEventHapus(hapusButton);
addEventQty(jumlahInput);
countGrandTotal();
}
});
});
})
}
function showAlert(item) {
alert(item + " Ditambahkan");
}
function addEventHapus(element) {
element.addEventListener("click", function(event) {
this.parentElement.parentElement.remove();
countGrandTotal();
});
}
function addEventQty(e) {
countSubTotal(e);
}
itemDeleteButton.forEach((e) => {
e.addEventListener("click", function(event) {
this.parentElement.parentElement.remove();
countGrandTotal();
});
});
itemQtyInput.forEach((e) => {
countSubTotal(e);
});
function countSubTotal(e) {
e.addEventListener("input", function(event) {
let qty = this.parentElement.parentElement.children[1].children[0];
let hargaItem = this.parentElement.parentElement.children[2];
let subTotalElement = this.parentElement.parentElement.children[4];
const harga = this.parentElement.parentElement.children[1].children[2];
let hargaDiskon = Math.max(parseFloat(harga.value));
// hargaItem.textContent = hargaDiskon;
let subtotal = hargaDiskon * qty.value;
subTotalElement.textContent = numberFormat.format(subtotal);
countGrandTotal();
});
}
function countGrandTotal() {
let subTotal = document.querySelectorAll(".subTotal");
let grandTotal = document.querySelector("#grandTotal");
let grandTotalValue = 0;
subTotal.forEach((element) => {
subTotalValue1 = element.textContent.replaceAll(",", "");
subTotalValue = parseFloat(subTotalValue1.replaceAll(".", ""));
grandTotalValue += subTotalValue;
});
grandTotal.textContent = numberFormat.format(grandTotalValue);
}
countGrandTotal();
const imageUpload = document.getElementById('imageUpload');
const imagePreview = document.getElementById('imagePreview');
const imagePreviewImg = document.getElementById('imagePreviewImg');
const previewText = imagePreview.querySelector('.preview-text');
imageUpload.addEventListener('change', function(event) {
const file = event.target.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function(e) {
imagePreviewImg.style.display = 'block';
imagePreviewImg.src = e.target.result;
previewText.style.display = 'none';
imagePreview.classList.add('has-image');
};
reader.readAsDataURL(file);
} else {
imagePreviewImg.style.display = 'none';
imagePreviewImg.src = '';
previewText.style.display = 'flex';
imagePreview.classList.remove('has-image');
}
});
// --- LOGIKA EFEK RIPPLE (MATERIAL DESIGN) ---
const uploadButton = document.querySelector('.material-upload-btn');
uploadButton.addEventListener('click', function (e) {
const rect = e.target.getBoundingClientRect();
// Menghitung posisi klik relatif terhadap tombol
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
// Membuat elemen span untuk ripple
const ripple = document.createElement('span');
ripple.classList.add('ripple');
ripple.style.left = `${x}px`;
ripple.style.top = `${y}px`;
this.appendChild(ripple);
// Menghapus elemen ripple setelah animasi selesai
setTimeout(() => {
ripple.remove();
}, 600); // Harus sama dengan durasi animasi
});
document.getElementById("pembelian_id").addEventListener('change',function(){
const pembelian_id = this.value;
const url = new URL(window.location.href);
// Set the data_id query parameter
url.searchParams.set('pembelian_id', pembelian_id);
// Reload the page with the new URL
window.location.href = url.toString();
})
</script>
@endpush
@push('styles')
<style>
.image-upload {
width: 200px;
height: 200px;
background-color: gainsboro;
display: block;
margin: auto;
background-size: contain;
}
.image-upload>input {
display: none;
}
.pilih-bentuk svg {
width: 100px;
height: 100px;
display: block;
margin: auto;
}
.pilih-bentuk i {
font-size: 100px;
color: grey;
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
}
.qty {
width: 55px;
}
.upload-container {
background-color: white;
border-radius: 8px; /* Sudut yang sedikit membulat */
/* Bayangan (elevation) khas Material Design */
box-shadow: 0 2px 4px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.08);
padding: 2.5rem;
margin-top: 50px;
transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1);
}
.upload-container:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.1), 0 4px 16px rgba(0,0,0,0.1);
}
/* Menyembunyikan input file default */
#imageUpload {
display: none;
}
/* Tombol upload kustom bergaya Material Design (Contained Button) */
.material-upload-btn {
position: relative; /* Diperlukan untuk efek ripple */
overflow: hidden; /* Menyembunyikan ripple yang meluap */
display: inline-flex; /* Mengatur item di dalamnya */
align-items: center;
gap: 8px; /* Jarak antara ikon dan teks */
padding: 10px 24px;
background-color: #1976d2; /* Warna primer Material Blue */
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.08em;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1);
}
.material-upload-btn:hover {
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
/* Efek Ripple */
.ripple {
position: absolute;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.6);
transform: scale(0);
animation: ripple-effect 0.6s linear;
}
@keyframes ripple-effect {
to {
transform: scale(4);
opacity: 0;
}
}
/* Area Pratinjau Gambar */
#imagePreview {
width: 100%;
margin-top: 2rem;
border-radius: 8px;
min-height: 250px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
background-color: #f5f5f5;
border: 2px dashed #bdbdbd;
transition: border-color 0.3s ease;
}
#imagePreview.has-image {
border: 2px solid #1976d2;
padding: 8px;
background-color: white;
}
#imagePreview img {
max-width: 100%;
max-height: 400px;
display: none; /* Sembunyikan secara default */
border-radius: 4px;
}
#imagePreview .preview-text {
color: #757575;
font-weight: 500;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
</style>
@endpush
<div class="row">
<!-- Task Info -->
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="card">
<div class="header">
<a href="{{ request()->back ? route(request()->back) : route('retur_pembelian.index') }}" class="btn btn-warning">Kembali</a>
</div>
<div class="body">
<div class="row">
<div class="col-md-3">
<b>No Retur</b>
<div class="input-group colorpicker colorpicker-element">
<div class="form-line focused">
<input type="text" class="form-control" name="no_retur"
value="{{ old('no_retur', @$datas->no_retur ?? 'RB-' . date('Ymdhis')) }}"
required>
</div>
<span class="input-group-addon">
<i style="background-color: rgb(0, 170, 187);"></i>
</span>
</div>
</div>
{{-- <div class="col-md-3">
<b>Invoice</b>
<div class="input-group colorpicker colorpicker-element">
<div class="form-line focused">
<input type="text" class="form-control" name="no_pembelian"
value="{{ old('no_pembelian', @$datas->no_pembelian ?? (@$pembelian->nomor_nota ?? 'B-' . date('Ymdhis'))) }}"
required>
</div>
<span class="input-group-addon">
<i style="background-color: rgb(0, 170, 187);"></i>
</span>
</div>
</div> --}}
<div class="col-md-3">
<b>Tanggal</b>
<div class="input-group colorpicker colorpicker-element">
<div class="form-line focused">
<input type="text" class="form-control" name="tanggal" value="{{ date('Y-m-d') }}"
required>
</div>
<span class="input-group-addon">
<i style="background-color: rgb(0, 170, 187);"></i>
</span>
</div>
</div>
<div class="col-md-3">
<b>Kasir</b>
<div class="input-group colorpicker colorpicker-element">
<div class="form-line focused">
<input type="hidden" name="pengguna_id" value="{{ auth()->user()->id }}" required>
<input type="text" class="form-control" value="{{ auth()->user()->nama_pengguna }}"
required>
</div>
<span class="input-group-addon">
<i style="background-color: rgba(0, 0, 0, 0.7);"></i>
</span>
</div>
</div>
<div class="col-md-6">
<p>
<b>Pembelian <small>(Pilih Pembelian Jika Ingin Retur Item Pembelian Tersebut)</small></b>
</p>
<div class="input-group ">
<div class="form-line focused">
<select class="form-control show-tick" data-live-search="true" name="pembelian_id" id="pembelian_id">
<option value="">-- Pilih Pembelian ---</option>
@foreach ($pembelians as $item)
<option value="{{ $item->id }}" @selected($item->id == (@$datas->pembelian_id ?? request()->pembelian_id))>{{ $item->nomor_nota }} / {{ $item->tanggal_pembelian }} / {{ $item->supplier->nama_supplier }} / {{ number_format($item->total) }}</option>
@endforeach
</select>
</div>
<span class="input-group-addon">
<i style="background-color: rgb(0, 170, 187);"></i>
</span>
</div>
</div>
</div>
<div class="row" style="display:none;">
<div class="col-md-3">
<b>Toko</b>
<div class="form-group">
<div class="form-line">
<select class="form-control"
name="toko_id" required id="toko_id">
@foreach ($tokos as $toko)
<option value="{{ $toko->id }}"
@if (isset($datas)) @if ($toko->id == @$datas->tokos->first()->id ?? 0) selected @endif
@endif>{{ $toko->nama_toko }}</option>
@endforeach
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- #END# Task Info -->
</div>
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="header">
<h2>
Retur Pembelian
</h2>
</div>
<div class="body">
<h2 class="card-inside-title">Detail</h2>
<div class="row">
<div class="col-sm-12 col-md-12">
<div class="form-group">
<div class="form-line">
<select class="form-control" name="supplier_id" required>
<option value="" disabled selected hidden>-pilih supplier-</option>
@foreach ($supplier as $data)
<option value="{{ $data->id }}" @selected(old('supplier_id',(@$datas->supplier_id ?? @$pembelian->supplier_id)) == $data->id)>{{ $data->nama_supplier }}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group">
<div class="form-line">
<input type="text" name="keterangan" class="form-control"
placeholder="Keterangan"
@if (isset($datas)) value='{{ $datas->keterangan }}' @endif
required>
</div>
</div>
{{-- <div class="form-group">
<div class="form-line">
<select class="form-control" name="ket_tambahan" required>
<option value="" disabled selected hidden>-Jenis Pengembalian-
</option>
<option
value="Potong Nota Pembelian"@if (isset($datas)) @if ($datas->ket_tambahan == 'Potong Nota Pembelian') selected @endif
@endif>Potong Nota Pembelian
</option>
<option
value="Refund"@if (isset($datas)) @if ($datas->ket_tambahan == 'Refund') selected @endif
@endif>Refund
</option>
<option value="Tukar Barang"
@if (isset($datas)) @if ($datas->ket_tambahan == 'Tukar Barang') selected @endif
@endif>Tukar Barang
</option>
<option value="Gagal Retur"
@if (isset($datas)) @if ($datas->ket_tambahan == 'Gagal Retur') selected @endif
@endif>Gagal Retur
</option>
</select>
</div>
</div> --}}
<div class="form-group">
<button type="submit" class="btn btn-success">Simpan</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="body">
<p class="text-muted mb-4">Gambar bukti retur.</p>
<!-- Input file yang disembunyikan -->
<input type="file" accept="image/*,application/pdf" id="imageUpload" name="bukti_retur" accept="image/png, image/jpeg, image/gif">
<!-- Label yang berfungsi sebagai tombol upload Material -->
<label for="imageUpload" class="material-upload-btn">
<!-- Ikon Upload SVG -->
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-cloud-arrow-up-fill" viewBox="0 0 16 16">
<path d="M8 2a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13h8.906C14.502 13 16 11.57 16 9.773c0-1.636-1.242-2.969-2.834-3.194C12.923 3.999 10.69 2 8 2zm2.354 5.146a.5.5 0 0 1-.708.708L8.5 6.707V10.5a.5.5 0 0 1-1 0V6.707L6.354 7.854a.5.5 0 1 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2z"/>
</svg>
Pilih File
</label>
<!-- Area untuk menampilkan pratinjau gambar -->
<div id="imagePreview" class="mt-4">
@if ((isset($datas) && $datas->bukti_retur != null))
<span class="preview-text" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="#bdbdbd" class="bi bi-image" viewBox="0 0 16 16">
<path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
<path d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z"/>
</svg>
Pratinjau Gambar
</span>
<img src="{{ (isset($datas) && $datas->bukti_retur != null) ? route('storage.gambar',['path'=>$datas->bukti_retur]) : '' }}" alt="Pratinjau Gambar" id="imagePreviewImg" class="block" style="display: block;">
@else
<span class="preview-text">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="#bdbdbd" class="bi bi-image" viewBox="0 0 16 16">
<path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
<path d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z"/>
</svg>
Pratinjau Gambar
</span>
<img src="" alt="Pratinjau Gambar" id="imagePreviewImg" >
@endif
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Task Info -->
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="card">
<div class="header">
<h2>Data Barang</h2>
<button type="button" id="table-sparepart-list" class="btn btn-primary" data-toggle="modal"
data-target="#list-sparepart">Pilih Barang</button>
</div>
<div class="body">
<div class="table-responsive">
<table id="table-detail-item" class="table table-hover ">
<thead>
<tr>
<th>Nama Barang</th>
<th>Jumlah</th>
<th>Harga Beli</th>
{{-- <th>Status Retur</th> --}}
<th>Subtotal</th>
<th>Tools</th>
</tr>
</thead>
<tbody>
@if (isset($datas->detail))
@foreach ($datas->detail as $d)
<tr>
<td>{{ $d->nama_item }}</td>
<td>
<input class="qty" name="jumlah[]" value="{{ $d->qty }}"
min="0" type="number">
<input class="item_id" name="id[]" value="{{ $d->item_id }}" hidden>
<input class="harga" name="harga[]"
@if (isset($d->item)) value=" {{ $d->item->biaya_item }}" @endif
hidden>
</td>
<td>
@if (isset($d->item))
{{ number_format($d->item->biaya_item) }}
@else
Barang Tidak tercatat di Data Master!
@endif
</td>
{{-- <td>
<select name="status_retur[]" class="form-control">
<option value="1"@if ($d->status_retur == 1) selected @endif>
Retur Diterima</option>
<option
value="0"@if ($d->status_retur == 0) selected @endif>
Retur Ditolak</option>
</select>
</td> --}}
<td class="subTotal">
@if (isset($d->item))
{{ number_format($d->qty * $d->item->biaya_item) }}
@else
Barang Tidak tercatat di Data Master!
@endif
</td>
<td><button
class="btn
btn-danger item-delete"
type="button">X</button>
</td>
</tr>
@endforeach
@endif
@if (isset($pembelian) && $pembelian != null)
@foreach ($pembelian->detail_pembelian as $d)
<tr>
<td>{{ $d->item->nama_item }}</td>
<td>
<input class="qty" name="jumlah[]" value="{{ $d->qty }}"
min="0" type="number">
<input class="item_id" name="id[]" value="{{ $d->item_id }}" hidden>
<input class="harga" name="harga[]"
@if (isset($d->item)) value=" {{ $d->harga_item }}" @endif
hidden>
</td>
<td>
@if (isset($d->item))
{{ number_format($d->harga_item) }}
@else
Barang Tidak tercatat di Data Master!
@endif
</td>
{{-- <td>
<select name="status_retur[]" class="form-control">
<option value="1"@if ($d->status_retur == 1) selected @endif>
Retur Diterima</option>
<option
value="0"@if ($d->status_retur == 0) selected @endif>
Retur Ditolak</option>
</select>
</td> --}}
<td class="subTotal">
@if (isset($d->item))
{{ number_format($d->qty * $d->item->biaya_item) }}
@else
Barang Tidak tercatat di Data Master!
@endif
</td>
<td><button
class="btn
btn-danger item-delete"
type="button">X</button>
</td>
</tr>
@endforeach
@endif
</tbody>
<tfoot>
<tr>
<td colspan="3">
<div class="text-center">
</div>
</td>
<td>
<div class="text-right">
<p style="font-weight:bold;">Grand Total : </p>
</div>
</td>
<td>
<div class="text-left">
<p style="font-weight:bold;" id="grandTotal">0</p>
</div>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
<!-- #END# Task Info -->
</div>
<!-- Modal -->
<div class="modal fade" id="list-sparepart" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Pilih Sparepart</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row flex-column-reverse">
<div class="col-md-6"></div>
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">search</i>
</span>
<div class="form-line">
<input type="text" class="form-control " id="cari" name="cari"
placeholder="Search">
</div>
</div>
</div>
</div>
<div class="table-responsive">
<table id="table-sparepart" class="table table-hover ">
<thead>
<tr>
<th>Nama Sparepart</th>
<th>Harga Beli</th>
<th>Harga Jual</th>
<th>Jumlah</th>
<th>Tools</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<td colspan="3">
<div class="text-center">
</div>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr>
</div>
</div>
<div class="row" style="margin-bottom: 50px;">
<div class="col-md-12" style="text-align: right;">
</div>
</div>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell