@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" enctype="multipart/form-data">
<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 class="form-group">
<label class="col-md-2 control-label">Rekening Nomor</label>
<div class=" col-md-8">
<input type="text" class="form-control" name="rekening_nomor" required>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Atas Nama</label>
<div class=" col-md-8">
<input type="text" class="form-control" name="atas_nama" required>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Pilih Bank</label>
<div class=" col-md-8">
<select name="bank_id" class="select2 control-label" style="width:100%;" required>
<option value="">-Pilih Bank-</option>
@foreach ($banks as $bank)
<option value="{{ $bank->id }}" > {{ $bank->nm_bank }}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Upload Dokumen Pendukung <i class="text-danger"> <br> Note : Tahan tombol CTRL kemudian pilih gambar untuk pilihan multiple </i> </label>
<div class=" col-md-8">
<input type="file" class="form-control" name="foto_path[]" multiple="" required>
</div>
</div>
</div>
<div class="col-md-12">
@csrf
<h4 style="margin-bottom: 10px;">B. Jenis Permohonan</h4>
<div class="form-group" style="margin-left: 20px;">
<label class="container-checkbox">Petty Cash
<input type="radio" name="jenis_permohonan" value="Petty Cash" required>
<span class="checkmark"></span>
</label>
<label class="container-checkbox">Pembayaran Tagihan
<input type="radio" name="jenis_permohonan" value="Pembayaran Tagihan" required>
<span class="checkmark"></span>
</label>
<label class="container-checkbox">Advance
<input type="radio" name="jenis_permohonan" value="Advance" required>
<span class="checkmark"></span>
</label>
<label class="container-checkbox">Lain-lain
<input type="radio" name="jenis_permohonan" value="Lain-lain" required>
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="col-md-1 control-label">Keterangan</label>
<div class=" col-md-11">
<textarea name="keterangan" cols="30" rows="10" class="form-control"></textarea>
</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-10">
<label>Keterangan Keperluan Dana</label>
</div>
<div class="col-md-2">
<label>Jumlah </label>
</div>
</div>
<div id="dynamic-field">
<div class="row">
<div class="col-md-9">
<input type="text" class="form-control input-sm keterangan" name="ket[]" placeholder="Keterangan" 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="jumlah[]" class="jumlah form-control input-sm" min="0" value="0" required="" >
</div>
</div>
<div class=" col-md-12">
</div>
</div>
</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" style="display: none">
<div class="col-md-9">
<input type="text" class="form-control input-sm keterangan" name="ket[]" placeholder="Keterangan" 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="jumlah[]" class="jumlah form-control input-sm" min="0" value="0" required="" >
</div>
</div>
<div class=" col-md-12">
</div>
</div>
</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;
let operation = "+";
function moneyFunction(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
}
function get_total() {
var j = $(".jumlah");
total_jumlah = 0;
if (operation == "+") {
total_jumlah = 0;
}else{
total_jumlah = $('#kas-awal').find('input[type="number"]').val();
}
for (var i = 0; i < j.length; i++) {
if (operation == "+") {
total_jumlah += parseFloat($(".jumlah").eq(i).val());
}else{
if (i != 0) {
total_jumlah -= parseFloat($(".jumlah").eq(i).val());
}
}
}
$("#total_harga").html( "Rp. " + moneyFunction(total_jumlah));
}
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', '.jumlah', function(){
get_total();
});
$(document).on('change', 'input[name="jenis_permohonan"]', function(){
const wrapper = $('#dynamic-field');
if($(this).val() == "Petty Cash"){
let field = `
<div class="row" id="kas-awal">
<div class="col-md-9">
<input type="text" class="form-control input-sm keterangan" name="ket[]" placeholder="Kas Awal" value="Kas Awal" 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="jumlah[]" class="jumlah form-control input-sm"
min="0" value="0" required="">
</div>
</div>
<div class=" col-md-12">
</div>
</div>
</div>
<div class="col-md-1 delete-form hidden">
<div class="form-group">
<div class=" col-md-12">
</div>
</div>
</div>
</div>
`;
wrapper.prepend(field);
operation = "-";
}else{
wrapper.find('#kas-awal').remove();
operation = "+";
}
get_total();
});
});
</script>
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]