@extends('layouts.app')
@section('content')
<div class="main-container">
<div class="container-fluid">
<div class="page-breadcrumb">
<div class="row">
<div class="col-md-7">
<div class="page-breadcrumb-wrap">
<div class="page-breadcrumb-info">
<h2 class="breadcrumb-titles"><a href="{{ url($url) }}">{{ $title }}</a></h2>
<ul class="list-page-breadcrumb">
<li><a href="#">{{ $menu }}</a>
</li>
<li ><a href="{{ url($url) }}">{{ $title }}</a></li>
<li class="active-page" ><a href="{{ url($url) }}">Tambah Data {{ $title }}</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-5">
</div>
</div>
</div>
<form class="form-horizontal form-prevent" method="post" action="{{ url($url) }}" id="myForm">
<div class="row">
<div class="col-md-12">
<div class="box-widget widget-module">
<div class="widget-head clearfix">
<span class="h-icon"><i class="fa fa-table"></i></span>
<h4>Data {{ $title }}</h4>
<div class="pull-right" style="padding: 10px;position: relative;z-index: 99;">
<a href="{{ url($url) }}" class="btn btn-warning ">Kembali</a>
</div>
</div>
<div class="widget-container">
<div class="widget-block">
<div class="row">
<div class="col-md-12">
@csrf
<h4 style="margin-bottom: 10px;">A. User</h4>
<div class="form-group">
<label class="col-md-2 control-label">Nama</label>
<div class=" col-md-8">
<input type="text" readonly class="form-control" value="{{ Auth::user()->name }}">
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Unit Bisnis</label>
<div class=" col-md-8">
<input type="text" readonly class="form-control" value="{{ Auth::user()->level->nm_level }}">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="box-widget widget-module">
<div class="widget-head clearfix">
<span class="h-icon"><i class="fa fa-table"></i></span>
<h4>Detail {{ $title }}</h4>
</div>
<div class="widget-container">
<div class="widget-block">
<div id="list-contain">
<div class="row" >
<div class="col-md-2">
<label>Nama Barang</label>
</div>
<div class="col-md-2">
<label>Deskripsi</label>
</div>
<div class="col-md-2">
<label>Qty </label>
</div>
<div class="col-md-2">
<label>Satuan </label>
</div>
<div class="col-md-2">
<label>Harga </label>
</div>
</div>
<div id="dynamic-field">
<div class="row list-harga">
<div class="col-md-2">
<input type="text" class="form-control input-sm nama-barang" name="nama_barang[]" placeholder="Nama Barang" required>
</div>
<div class="col-md-2">
<input type="text" class="form-control input-sm deskripsi" name="deskripsi[]" placeholder="Deskripsi" required>
</div>
<div class="col-md-2">
<div class="form-group">
<div class=" col-md-12">
<strong class="harga"></strong>
<div class="input-group ex-margin">
<input type="number" step="1" name="qty[]" class="qty form-control input-sm" min="0" value="0" required="" >
</div>
</div>
<div class=" col-md-12">
</div>
</div>
</div>
<div class="col-md-2">
<input type="text" class="form-control input-sm satuan" name="satuan[]" placeholder="Satuan" required>
</div>
<div class="col-md-2">
<input type="text" class="form-control input-sm harga" name="harga[]" placeholder="Harga" required>
</div>
<div class="col-md-1 delete-form hidden">
<div class="form-group">
<div class=" col-md-12">
<button type="button" data-id="list-harga-1" class="delete-btn">X</button>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-2">
<div class="form-group">
<div class="col-md-12">
<div class="form-actions">
<button type="button" class="btn btn-success" id="add_field"> <i class="fa fa-plus"></i> Add List</button>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<table>
<tr>
<td colspan="5" align="right"><strong>Total : </strong></td>
<td align="right"><b> </b></td>
<td align="right"><b id="total_harga">Rp.0</b></td>
<td> </td>
</tr>
<tr>
<td colspan="6"> </td>
<td>
</td>
<td> </td>
</tr>
</table>
</div>
</div>
<br>
<div class="row">
<div class="col-md-2">
<div class="form-group">
<div class="col-md-12">
<div class="form-actions">
<button type="submit" class="btn btn-primary button-prevent">Submit</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="row clone-field list-harga" style="display: none">
<div class="col-md-2">
<input type="text" class="form-control input-sm nama-barang" name="nama_barang[]" placeholder="Nama Barang" required>
</div>
<div class="col-md-2">
<input type="text" class="form-control input-sm deskripsi" name="deskripsi[]" placeholder="Deskripsi" required>
</div>
<div class="col-md-2">
<div class="form-group">
<div class=" col-md-12">
<strong class="harga"></strong>
<div class="input-group ex-margin">
<input type="number" step="1" name="qty[]" class="qty form-control input-sm" min="0" value="0" required="" >
</div>
</div>
<div class=" col-md-12">
</div>
</div>
</div>
<div class="col-md-2">
<input type="text" class="form-control input-sm satuan" name="satuan[]" placeholder="Satuan" required>
</div>
<div class="col-md-2">
<input type="text" class="form-control input-sm harga" name="harga[]" placeholder="Harga" required>
</div>
<div class="col-md-1 delete-form hidden">
<div class="form-group">
<div class=" col-md-12">
<button type="button" data-id="list-harga-1" class="delete-btn">X</button>
</div>
</div>
</div>
</div>
<script src="{{ asset('js/app.js') }}"></script>
<script src="{{ asset('js/numeral-js/numeral.js') }}"></script>
<script type="text/javascript">
var total_jumlah = 0;
var total_harga = 0;
function moneyFunction(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
}
function get_total() {
var j = $(".qty");
var h = $(".list-harga");
total_jumlah = 0;
total_harga = 0;
for (var i = 0; i < h.length; i++) {
total_jumlah += parseFloat($(".qty").eq(i).val());
total_harga += parseFloat($(".qty").eq(i).val()) * ( h.eq(i).find('input.harga').val());
}
// $("#total_jumlah").html(parseFloat(total_jumlah));
$("#total_harga").html("Rp."+numeral((total_harga)).format('0,0'));
}
jQuery(document).ready(function ($) {
$(document).on('click','#add_field',function (e) {
const wrapper = $('#dynamic-field');
let field = $('.clone-field').clone();
field.removeClass('clone-field')
field.find('.delete-form').removeClass('hidden')
field.show()
wrapper.append(field);
// get_total();
});
$(document).on('click','.delete-btn',function (e) {
const parent = $(this).parent().parent().parent().parent()
parent.remove();
get_total();
});
$(document).on('change', '.harga', function(){
get_total();
});
$(document).on('change', '.qty', function(){
get_total();
});
});
</script>
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]