@extends('layouts.app')
@section('fancybox')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css">
@endsection
@section('content')
<section class="list-ahs">
     <div id="detail-rincian" class="modal fade" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button aria-label="Close" class="close" data-dismiss="modal" type="button">
                        <span aria-hidden="true">
                            ×
                        </span>
                    </button>
                    <h4 class="modal-title">
                        Detail Rincian
                    </h4>
                </div>
                <form action="#" method="POST" class="form-horizontal" enctype="multipart/form-data">
                {{csrf_field()}}
                {{method_field('put')}}
                <input type="hidden" name="act" value="update-rincian">
                <input type="hidden" name="total_volume">
                    <div class="modal-body">
                        <div id="removed_item"></div>
                        <div class="scroll">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th style="min-width: 300px;">
                                            Nama Rincian
                                        </th>
                                        <th>
                                            Volume
                                        </th>
                                        <th>
                                            PJG
                                        </th>
                                        <th>
                                            LBR
                                        </th>
                                        <th>
                                            TNG
                                        </th>
                                        <th>
                                            BRT
                                        </th>
                                        <th>
                                            QTY
                                        </th>
                                        <th>
                                            FKTR
                                        </th>
                                        <th>
                                            Opsi
                                        </th>  
                                    </tr>
                                </thead>
                                <tbody id="detail_rincian_penambah">
                                    <tr>
                                        <th colspan="2" style="color: #B04C4B">
                                            Rincian Penambah
                                        </th>
                                        <th colspan="7">
                                            <button class="btn btn-danger btn-xs" type="button" onclick="add_penambah_rincian()">
                                                Create Penambah
                                            </button>
                                        </th>
                                    </tr>
                                </tbody>
                                <tbody id="detail_rincian_pengurang">
                                    <tr>
                                        <th colspan="2" style="color: #0582ad">
                                            Rincian Pengurang
                                        </th>
                                        <th colspan="7">
                                            <button class="btn btn-primary btn-xs" type="button" onclick="add_pengurang_rincian()">
                                                Create Pengurang
                                            </button>
                                        </th>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th class="text-right">
                                            Total
                                        </th>
                                        <th id="detail_rincian_total">
                                            0
                                        </th>
                                        <th colspan="7"></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary">
                            Save Changes
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="x_panel">
        <div class="x_title">
            <h2>Detail Backup Volume</h2>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <form action="{{route('backup_volume.update',$backup_volume->id)}}" method="POST" enctype="multipart/form-data">
            {{csrf_field()}}
            {{method_field('put')}}
            <input type="hidden" name="act" value="add-item">
                <div class="col-md-8 col-md-offset-2 col-xs-12">
                    <div class="form-group">
                        <label>
                            Nama RAB
                        </label>
                        <input type="text" name="nama_rab" class="form-control" required="" value="{{$backup_volume->nama_rab}}" readonly="">
                    </div>
                </div>
                <div class="clearfix"></div>
                <hr>
                <div class="form-group">
                    <button class="btn btn-success" data-toggle="collapse" data-target=".collapse.ahs" type="button">
                        <i class="fa fa-plus"></i>
                        Tambah Data
                    </button>
                    <p>&nbsp;</p>
                </div>
                <div class="collapse ahs">
                    <div class="scroll">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th style="min-width: 300px">
                                        Item
                                    </th>
                                    <th>
                                        Dimensi & Spesifikasi
                                    </th>
                                    <th>
                                        Volume
                                    </th>
                                    <th>
                                        Unit
                                    </th>
                                    <th colspan="7" class="text-center">
                                        Koefisien
                                    </th>
                                </tr>
                            </thead>
                            @foreach($ahsKategoris as $row)
                        <tr>
                            <th colspan="11" style="background-color: #ddd">
                                {{$row->nama_kategori}}
                            </th>
                        </tr>
                            @foreach($row->subkategoris as $row2)
                             <tr>
                                <th colspan="11">
                                    <a href="javascript:;" data-toggle="collapse" data-target=".collapse.{{$row2->id}}">
                                        {{$row2->nama_subkategori}}
                                        <i class="fa fa-chevron-down"></i>
                                    </a>
                                </th>
                            </tr> 
                            <tr class="collapse {{$row2->id}}">
                                <th colspan="4"></th>
                                <th colspan="7"></th>
                            </tr>
                            @foreach($row2->ahsS as $row3)
                            <tr class="collapse {{$row2->id}}">
                                <th>
                                    <div class="checkbox">
                                    <label>
                                        <input type="checkbox" name="ahs[]" value="{{$row3->id}}" class="id_ahs">
                                        {{$row3->nama_pekerjaan}}
                                    </label>
                                    </div>
                                </th>
                                <th>
                                    {{$row3->dimensi_spesifikasi}}
                                </th>
                                <th id="volume_{{$row3->id}}">
                                    0
                                </th>
                                <th>
                                    {{$row3->satuan}}
                                </th>
                                <th>
                                    PJG
                                </th>
                                <th>
                                    LBR
                                </th>
                                <th>
                                    TNG
                                </th>
                                <th>
                                    BRT
                                </th>
                                <th>
                                    QTY
                                </th>
                                <th>
                                    FKTR
                                </th>
                                <th>
                                    <label class="btn btn-primary btn-xs" for="file_ahs{{$row3->id}}">
                                        <i class="fa fa-upload"></i>
                                        upload file
                                        <input type="file" class="image" name="image[]" accept="image/*" id="file_ahs{{$row3->id}}" style="display: none;">
                                    </label>
                                </th>
                            </tr>  
                            <tbody class="collapse {{$row2->id}}" id="rincian_penambah-{{$row3->id}}">
                                <tr>
                                    <th colspan="4" style="color: #B04C4B">
                                        Rincian Penambah
                                    </th>
                                    <th colspan="7">
                                        <button class="btn btn-danger btn-xs" onclick="add_penambah('{{$row3->id}}',false)" type="button" disabled="">
                                            Create Penambah
                                        </button>
                                    </th>
                                </tr>
                            </tbody>
                            <tbody class="collapse {{$row2->id}}" id="rincian_pengurang-{{$row3->id}}">
                                <tr>
                                    <th colspan="4" style="color: #0582ad">
                                        Rincian Pengurang
                                    </th>
                                    <th colspan="7">
                                        <button class="btn btn-primary btn-xs" onclick="add_pengurang('{{$row3->id}}',false)" type="button" disabled="">
                                            Create Pengurang
                                        </button>
                                    </th>
                                </tr>
                            </tbody>
                            @endforeach
                            @foreach($row2->vendors as $row3)
                            <tr class="collapse {{$row2->id}}">
                                <th>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="ahs_v[]" value="{{$row3->id}}" class="id_ahs_vendor">
                                            {{$row3->vendor->nama_pekerjaan}}
                                        </label>
                                    </div>
                                </th>
                                <th>
                                    {{$row3->vendor->dimensi_spesifikasi}}
                                </th>
                                <th id="volume_v{{$row3->id}}">
                                    0
                                </th>
                                <th>
                                    {{$row3->vendor->satuan}}
                                </th>
                                <th>
                                    PJG
                                </th>
                                <th>
                                    LBR
                                </th>
                                <th>
                                    TNG
                                </th>
                                <th>
                                    BRT
                                </th>
                                <th>
                                    QTY
                                </th>
                                <th>
                                    FKTR
                                </th>
                                <th>
                                    <label class="btn btn-primary btn-xs" for="file_ahsv{{$row3->id}}">
                                        <i class="fa fa-upload"></i>
                                        upload file
                                        <input type="file" class="image_v" accept="image/*" name="image[]" id="file_ahsv{{$row3->id}}" style="display: none;">
                                    </label>
                                </th>
                            </tr> 
                            <tbody class="collapse {{$row2->id}}" id="rincian_penambah-v{{$row3->id}}">
                                <tr>
                                    <th colspan="4" style="color: #B04C4B">
                                        Rincian Penambah
                                    </th>
                                    <th colspan="7">
                                        <button class="btn btn-danger btn-xs" onclick="add_penambah('{{$row3->id}}',true)" type="button" disabled="">
                                            Create Penambah
                                        </button>
                                    </th>
                                </tr>
                            </tbody>
                            <tbody class="collapse {{$row2->id}}" id="rincian_pengurang-v{{$row3->id}}">
                                <tr>
                                    <th colspan="4" style="color: #0582ad">
                                        Rincian Pengurang
                                    </th>
                                    <th colspan="7">
                                        <button class="btn btn-primary btn-xs" onclick="add_pengurang('{{$row3->id}}',true)" type="button" disabled="">
                                            Create Pengurang
                                        </button>
                                    </th>
                                </tr>
                            </tbody>
                            @endforeach 
                            @endforeach
                        @endforeach
                        </table>
                    </div>
                    <div class="ln_solid"></div>
                    <div class="form-group text-right">
                        <button class="btn btn-primary" type="submit" onclick="cekAh(event)">Save</button>
                        <button class="btn btn-danger" type="reset" data-target=".collapse.ahs" data-toggle="collapse">
                            Cancel
                        </button>
                        <hr>
                    </div>
                </div>
            </form>
            <div class="scroll">
            <table class="table table-bordered">
                @foreach($backup_volume_details as $row)
                @php $tampilkan_kategori = false; @endphp
                @foreach($row->subkategoris as $row2)
                    @if($row2->ahsS->count() > 0 or $row2->vendors->count() > 0)
                        @php $tampilkan_kategori = true; @endphp
                    @endif
                @endforeach
                @if($tampilkan_kategori)
                <tr>
                    <th colspan="6" style="background-color: #ddd">
                        {{$row->nama_kategori}}
                    </th>
                </tr>
                @endif
                    @foreach($row->subkategoris as $row2)
                    @if($row2->ahsS->count() > 0 or $row2->vendors->count() > 0)
                     <tr>
                        <th colspan="6" style="background-color: #FBD232">
                            <a href="javascript:;" data-toggle="collapse" data-target=".collapse.detail_{{$row2->id}}">
                                {{$row2->nama_subkategori}}
                                <i class="fa fa-chevron-down"></i>
                            </a>
                        </th>
                    </tr> 
                    <tr class="collapse in detail_{{$row2->id}}">
                        <th style="min-width: 300px">
                            Pekerjaan
                        </th>
                        <th>
                            Dimensi & Spesifikasi
                        </th>
                        <th>
                            Volume
                        </th>
                        <th>
                            Unit
                        </th>
                        <th>
                            Image
                        </th>
                        <th>
                            Opsi
                        </th>
                    </tr>
                    @foreach($row2->ahsS as $row3)
                    <tr class="collapse in detail_{{$row2->id}}">
                        <td>
                            {{$row3->nama_pekerjaan}}
                        </td>
                        <td>
                            {{$row3->dimensi_spesifikasi}}
                        </td>
                        <td>
                            {{$row3->backupVolumeDetail->volume}}
                        </td>
                        <td>
                            {{$row3->satuan}}
                        </td>
                        <td>
                            <div class="form-group">
                                <a href="{{ asset($row3->backupVolumeDetail->image) }}" data-fancybox><img src="{{asset($row3->backupVolumeDetail->image)}}" width="50"></a>
                            </div>
                        </td>
                        <th colspan="">
                            <div class="">
                                <div class="form-group">
                                    <button class="btn btn-primary btn-xs" onclick="detail_rincian('{{$row3->backupVolumeDetail->id}}')">
                                        <i class="fa fa-bars"></i>
                                        lihat detail rincian
                                    </button>
                                </div>
                                <div class="form-group">
                                     <form action="{{route('backup_volume.destroy',$row3->backupVolumeDetail->id)}}" method='POST'>
                                        {{csrf_field()}}
                                        {{method_field('delete')}}
                                        <input type='hidden' name='act' value='deleteBackupVolumeDetail'>
                                        <button class='btn btn-danger btn-xs'  onclick="return confirm('hapus data pekerjaan {{$row3->nama_pekerjaan}} ?')" type='submit'>
                                            <i class='fa fa-trash'></i>
                                            delete
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </th>
                    </tr> 
                    @endforeach
                    @foreach($row2->vendors as $row3)
                    <tr class="collapse in detail_{{$row2->id}}">
                        <td>
                            {{$row3->vendor->nama_pekerjaan}}
                        </th>
                        <td>
                            {{$row3->vendor->dimensi_spesifikasi}}
                        </th>
                        <td>
                            {{$row3->backupVolumeDetail->volume}}
                        </th>
                        <td>
                            {{$row3->vendor->satuan}}
                        </th>
                        <td>
                            <div class="form-group">
                                <a href="{{ asset($row3->backupVolumeDetail->image) }}" data-fancybox><img src="{{asset($row3->backupVolumeDetail->image)}}" width="50"></a>
                            </div>
                        </td>
                        <th>
                            <div class="">
                                <div class="form-group">
                                    <button class="btn btn-primary btn-xs" onclick="detail_rincian('{{$row3->backupVolumeDetail->id}}')">
                                        <i class="fa fa-bars"></i>
                                        lihat detail rincian
                                    </button>
                                </div>
                                <div class="form-group">
                                    <form action="{{route('backup_volume.destroy',$row3->backupVolumeDetail->id)}}" method='POST'>
                                        {{csrf_field()}}
                                        {{method_field('delete')}}
                                        <input type='hidden' name='act' value='deleteBackupVolumeDetail'>
                                        <button class='btn btn-danger btn-xs'  onclick="return confirm('hapus data pekerjaan {{$row3->vendor->nama_pekerjaan}} ?')" type='submit'>
                                            <i class='fa fa-trash'></i>
                                            delete
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </th>
                    </tr> 
                    @endforeach 
                    @endif
                    @endforeach
                @endforeach
            </table>
        </div>
        </div>
    </div>
</section>
@endsection
@section('js')
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script>
     function cekAh(evt) {
        if ($('.id_ahs:checked').length == 0 && $('.id_ahs_vendor:checked').length == 0) {
            evt.preventDefault();
            alert('ahs tidak boleh kosong');
        }
        $('.id_ahs').each(function(index, el) {
            if (!$(this).prop('checked')) {
                $('.image').eq(index).removeAttr('name')
                $(this).removeAttr('name')
            }else{
                $(this).attr('name','ahs[]')
                $('.image').eq(index).attr('name','image[]')
            }
        });
        $('.id_ahs_vendor').each(function(index, el) {
            if (!$(this).prop('checked')) {
                $('.image_v').eq(index).removeAttr('name')
                $(this).removeAttr('name')
            }else{
                $(this).attr('name','ahs_v[]')
                $('.image_v').eq(index).attr('name','image_v[]')
            }
        });
    }

    function add_penambah(id,vendor){
        if(vendor){
            index = ($('.nama_rincian_penambah_v_'+id).length - 1) + 1
            $('tbody#rincian_penambah-v'+id).append('\
            <tr id="tr_penambah_v_'+index+'">\
                <th colspan="2">\
                    <input type="text" name="nama_rincian_penambah_v_'+id+'[]" class="form-control nama_rincian_penambah_v_'+id+'" placeholder="masukan nama rincian" required>\
                </th>\
                <th class="volume_rincian_penambah_v_'+id+'">\
                    0\
                </th>\
                <th></th>\
                <th>\
                    <input type="text" name="pjg_penambah_v_'+id+'[]" class="form-control pjg_penambah_v_'+id+'" onkeyup="set_volume('+id+','+index+',true,true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="lbr_penambah_v_'+id+'[]" class="form-control lbr_penambah_v_'+id+'" onkeyup="set_volume('+id+','+index+',true,true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="tng_penambah_v_'+id+'[]" class="form-control tng_penambah_v_'+id+'" onkeyup="set_volume('+id+','+index+',true,true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="brt_penambah_v_'+id+'[]" class="form-control brt_penambah_v_'+id+'" onkeyup="set_volume('+id+','+index+',true,true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="qty_penambah_v_'+id+'[]" class="form-control qty_penambah_v_'+id+'" onkeyup="set_volume('+id+','+index+',true,true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="fktr_penambah_v_'+id+'[]" class="form-control fktr_penambah_v_'+id+'" onkeyup="set_volume('+id+','+index+',true,true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <button class="btn btn-danger" type="button" onclick=remove_item('+id+',"#tr_penambah_v_'+index+'",false)>\
                        <i class="fa fa-trash"></i>\
                    </button>\
                </th>\
            </tr>')
        }else{
            index = ($('.nama_rincian_penambah_'+id).length - 1) + 1
            $('tbody#rincian_penambah-'+id).append('\
            <tr id="tr_penambah_'+index+'">\
                <th colspan="2">\
                    <input type="text" name="nama_rincian_penambah_'+id+'[]" class="form-control nama_rincian_penambah_'+id+'" placeholder="masukan nama rincian" required>\
                </th>\
                <th class="volume_rincian_penambah_'+id+'">\
                    0\
                </th>\
                <th></th>\
                <th>\
                    <input type="text" name="pjg_penambah_'+id+'[]" class="form-control pjg_penambah_'+id+'" onkeyup="set_volume('+id+','+index+',false, true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="lbr_penambah_'+id+'[]" class="form-control lbr_penambah_'+id+'" onkeyup="set_volume('+id+','+index+',false, true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="tng_penambah_'+id+'[]" class="form-control tng_penambah_'+id+'" onkeyup="set_volume('+id+','+index+',false, true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="brt_penambah_'+id+'[]" class="form-control brt_penambah_'+id+'" onkeyup="set_volume('+id+','+index+',false, true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="qty_penambah_'+id+'[]" class="form-control qty_penambah_'+id+'" onkeyup="set_volume('+id+','+index+',false, true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="fktr_penambah_'+id+'[]" class="form-control fktr_penambah_'+id+'" onkeyup="set_volume('+id+','+index+',false, true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <button class="btn btn-danger" type="button" onclick=remove_item('+id+',"#tr_penambah_'+index+'",false)>\
                        <i class="fa fa-trash"></i>\
                    </button>\
                </th>\
            </tr>')
        }
    }

    function add_pengurang(id,vendor){
        if(vendor){
            index = ($('.nama_rincian_pengurang_v_'+id).length - 1) + 1
            $('tbody#rincian_pengurang-v'+id).append('\
            <tr id="tr_pengurang_v_'+index+'">\
                <th colspan="2">\
                    <input type="text" name="nama_rincian_pengurang_v_'+id+'[]" class="form-control nama_rincian_pengurang_v_'+id+'" placeholder="masukan nama rincian" required>\
                </th>\
                <th class="volume_rincian_pengurang_v_'+id+'">\
                    0\
                </th>\
                <th></th>\
                <th>\
                    <input type="text" name="pjg_pengurang_v_'+id+'[]" class="form-control pjg_pengurang_v_'+id+'" onkeyup="set_volume('+id+','+index+',true,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="lbr_pengurang_v_'+id+'[]" class="form-control lbr_pengurang_v_'+id+'" onkeyup="set_volume('+id+','+index+',true,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="tng_pengurang_v_'+id+'[]" class="form-control tng_pengurang_v_'+id+'" onkeyup="set_volume('+id+','+index+',true,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="brt_pengurang_v_'+id+'[]" class="form-control brt_pengurang_v_'+id+'" onkeyup="set_volume('+id+','+index+',true,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="qty_pengurang_v_'+id+'[]" class="form-control qty_pengurang_v_'+id+'" onkeyup="set_volume('+id+','+index+',true,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="fktr_pengurang_v_'+id+'[]" class="form-control fktr_pengurang_v_'+id+'" onkeyup="set_volume('+id+','+index+',true,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <button class="btn btn-danger" type="button" onclick=remove_item('+id+',"#tr_pengurang_v_'+index+'",false)>\
                        <i class="fa fa-trash"></i>\
                    </button>\
                </th>\
            </tr>')
        }else{
            index = ($('.nama_rincian_pengurang_'+id).length - 1) + 1
            $('tbody#rincian_pengurang-'+id).append('\
            <tr id="tr_pengurang_'+index+'">\
                <th colspan="2">\
                    <input type="text" name="nama_rincian_pengurang_'+id+'[]" class="form-control nama_rincian_pengurang_'+id+'" placeholder="masukan nama rincian" required>\
                </th>\
                <th class="volume_rincian_pengurang_'+id+'">\
                    0\
                </th>\
                <th></th>\
                <th>\
                    <input type="text" name="pjg_pengurang_'+id+'[]" class="form-control pjg_pengurang_'+id+'" onkeyup="set_volume('+id+','+index+',false,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="lbr_pengurang_'+id+'[]" class="form-control lbr_pengurang_'+id+'" onkeyup="set_volume('+id+','+index+',false,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="tng_pengurang_'+id+'[]" class="form-control tng_pengurang_'+id+'" onkeyup="set_volume('+id+','+index+',false,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="brt_pengurang_'+id+'[]" class="form-control brt_pengurang_'+id+'" onkeyup="set_volume('+id+','+index+',false,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="qty_pengurang_'+id+'[]" class="form-control qty_pengurang_'+id+'" onkeyup="set_volume('+id+','+index+',false,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="fktr_pengurang_'+id+'[]" class="form-control fktr_pengurang_'+id+'" onkeyup="set_volume('+id+','+index+',false,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <button class="btn btn-danger" type="button" onclick=remove_item('+id+',"#tr_pengurang_'+index+'",false)>\
                        <i class="fa fa-trash"></i>\
                    </button>\
                </th>\
            </tr>')
        }
    }

    function remove_item(id,el,vendor){
        $(el).remove();
        if(!vendor){
            total_volume = 0;
            $('.volume_rincian_penambah_'+id).each(function(){
                total_volume += parseFloat($(this).text())
            })
            $('.volume_rincian_pengurang_'+id).each(function(){
                total_volume -= parseFloat($(this).text())
            })
            $('#volume_'+id).text(total_volume)
        }else{
           $('.volume_rincian_penambah_v_'+id).each(function(){
                total_volume += parseFloat($(this).text())
            })
            $('.volume_rincian_pengurang_v_'+id).each(function(){
                total_volume -= parseFloat($(this).text())
            })
            $('#volume_v'+id).text(total_volume)
        }
    }

    $('.id_ahs').change(function(e){
        id = $(this).val()
        if ($(this).prop('checked')) {
            $('tbody#rincian_penambah-'+id).find('button').attr('disabled',false)
            $('tbody#rincian_pengurang-'+id).find('button').attr('disabled',false)

        }else{
            $('tbody#rincian_penambah-'+id).find('button').attr('disabled',true)
            $('tbody#rincian_pengurang-'+id).find('button').attr('disabled',true)

            $('tbody#rincian_penambah-'+id).children('tr:not(:first)').remove()
            $('tbody#rincian_pengurang-'+id).children('tr:not(:first)').remove()
        }
    });

    $('.id_ahs_vendor').change(function(e){
        id = $(this).val()
        if ($(this).prop('checked')) {
            $('tbody#rincian_penambah-v'+id).find('button').attr('disabled',false)
            $('tbody#rincian_pengurang-v'+id).find('button').attr('disabled',false)

        }else{
            $('tbody#rincian_penambah-v'+id).find('button').attr('disabled',true)
            $('tbody#rincian_pengurang-v'+id).find('button').attr('disabled',true)

            $('tbody#rincian_penambah-v'+id).children('tr:not(:first)').remove()
            $('tbody#rincian_pengurang-v'+id).children('tr:not(:first)').remove()
        }
    });

    function filter(el,evt){
        var theEvent = evt || window.event;
        var char = String.fromCharCode(theEvent.keyCode);
        if (char > 0 || char < 9 || char == ',') {
            if (char == ',') {
                cek = $(el).val().includes(',');
                if (cek) {
                    theEvent.preventDefault();        
                }
            }
        }else{
            theEvent.preventDefault();
        }
    }

    function set_volume(id,index,vendor,penambah){
        total_volume = 0
        if (penambah) {
            if (vendor) {
                pjg = $('.pjg_penambah_v_'+id).eq(index).val().replace(',','.')?$('.pjg_penambah_v_'+id).eq(index).val().replace(',','.'):1;
                lbr = $('.lbr_penambah_v_'+id).eq(index).val().replace(',','.')?$('.lbr_penambah_v_'+id).eq(index).val().replace(',','.'):1;
                tng = $('.tng_penambah_v_'+id).eq(index).val().replace(',','.')?$('.tng_penambah_v_'+id).eq(index).val().replace(',','.'):1;
                brt = $('.brt_penambah_v_'+id).eq(index).val().replace(',','.')?$('.brt_penambah_v_'+id).eq(index).val().replace(',','.'):1;
                qty = $('.qty_penambah_v_'+id).eq(index).val().replace(',','.')?$('.qty_penambah_v_'+id).eq(index).val().replace(',','.'):1;
                fktr = $('.fktr_penambah_v_'+id).eq(index).val().replace(',','.')?$('.fktr_penambah_v_'+id).eq(index).val().replace(',','.'):1;

                volume = parseFloat(pjg * lbr * tng * brt * qty * fktr);
                $('.volume_rincian_penambah_v_'+id).eq(index).text(Math.round(volume * 100) / 100)
            }else{
                pjg = $('.pjg_penambah_'+id).eq(index).val().replace(',','.')?$('.pjg_penambah_'+id).eq(index).val().replace(',','.'):1;
                lbr = $('.lbr_penambah_'+id).eq(index).val().replace(',','.')?$('.lbr_penambah_'+id).eq(index).val().replace(',','.'):1;
                tng = $('.tng_penambah_'+id).eq(index).val().replace(',','.')?$('.tng_penambah_'+id).eq(index).val().replace(',','.'):1;
                brt = $('.brt_penambah_'+id).eq(index).val().replace(',','.')?$('.brt_penambah_'+id).eq(index).val().replace(',','.'):1;
                qty = $('.qty_penambah_'+id).eq(index).val().replace(',','.')?$('.qty_penambah_'+id).eq(index).val().replace(',','.'):1;
                fktr = $('.fktr_penambah_'+id).eq(index).val().replace(',','.')?$('.fktr_penambah_'+id).eq(index).val().replace(',','.'):1;

                volume = parseFloat(pjg * lbr * tng * brt * qty * fktr);
                $('.volume_rincian_penambah_'+id).eq(index).text(Math.round(volume * 100) / 100)
            }
        }else{
            if (vendor) {
                pjg = $('.pjg_pengurang_v_'+id).eq(index).val().replace(',','.')?$('.pjg_pengurang_v_'+id).eq(index).val().replace(',','.'):1;
                lbr = $('.lbr_pengurang_v_'+id).eq(index).val().replace(',','.')?$('.lbr_pengurang_v_'+id).eq(index).val().replace(',','.'):1;
                tng = $('.tng_pengurang_v_'+id).eq(index).val().replace(',','.')?$('.tng_pengurang_v_'+id).eq(index).val().replace(',','.'):1;
                brt = $('.brt_pengurang_v_'+id).eq(index).val().replace(',','.')?$('.brt_pengurang_v_'+id).eq(index).val().replace(',','.'):1;
                qty = $('.qty_pengurang_v_'+id).eq(index).val().replace(',','.')?$('.qty_pengurang_v_'+id).eq(index).val().replace(',','.'):1;
                fktr = $('.fktr_pengurang_v_'+id).eq(index).val().replace(',','.')?$('.fktr_pengurang_v_'+id).eq(index).val().replace(',','.'):1;

                volume = parseFloat(pjg * lbr * tng * brt * qty * fktr);
                $('.volume_rincian_pengurang_v_'+id).eq(index).text(Math.round(volume * 100) / 100)
            }else{
                pjg = $('.pjg_pengurang_'+id).eq(index).val().replace(',','.')?$('.pjg_pengurang_'+id).eq(index).val().replace(',','.'):1;
                lbr = $('.lbr_pengurang_'+id).eq(index).val().replace(',','.')?$('.lbr_pengurang_'+id).eq(index).val().replace(',','.'):1;
                tng = $('.tng_pengurang_'+id).eq(index).val().replace(',','.')?$('.tng_pengurang_'+id).eq(index).val().replace(',','.'):1;
                brt = $('.brt_pengurang_'+id).eq(index).val().replace(',','.')?$('.brt_pengurang_'+id).eq(index).val().replace(',','.'):1;
                qty = $('.qty_pengurang_'+id).eq(index).val().replace(',','.')?$('.qty_pengurang_'+id).eq(index).val().replace(',','.'):1;
                fktr = $('.fktr_pengurang_'+id).eq(index).val().replace(',','.')?$('.fktr_pengurang_'+id).eq(index).val().replace(',','.'):1;

                volume = parseFloat(pjg * lbr * tng * brt * qty * fktr);
                $('.volume_rincian_pengurang_'+id).eq(index).text(Math.round(volume * 100) / 100)
            }
        }
        if (vendor) {
            $('.volume_rincian_penambah_v_'+id).each(function(){
                total_volume += parseFloat($(this).text())
            })
            $('.volume_rincian_pengurang_v_'+id).each(function(){
                total_volume -= parseFloat($(this).text())
            })
            $('#volume_v'+id).text(total_volume)
        }else{
            $('.volume_rincian_penambah_'+id).each(function(){
                total_volume += parseFloat($(this).text())
            })
            $('.volume_rincian_pengurang_'+id).each(function(){
                total_volume -= parseFloat($(this).text())
            })
            $('#volume_'+id).text(total_volume)
        }
    }


    function detail_rincian(id) {
        $('#removed_item').html('');
        $("body").addClass('loading');
        $("body").append('<div id="text-overlay" style="padding:10px;text-align:center;position:fixed;z-index:1081;left:50%;top:45%;transform:translate(-50%,-50%);background-color:#fff;text-color:#555;">Please wait <i class="fa fa-spin fa-spinner"><i></div>');
        $("body").append('<div id="overlay" style="background-color:#555;opacity:0.3;position:fixed;top:0;left:0;height:100%;width:100%;z-index:1080"></div>');
        $.ajax({
            url: '{{route("backup_volume.show",null)}}'+'/'+id,
            data:{
                _token:'{{csrf_token()}}',act:'detail_rincian'
            },
            success: function(data)
            {
                $('#detail-rincian form').attr('action','{{route("backup_volume.update",null)}}'+'/'+id);
                $('#detail_rincian_penambah').children('tr:not(:first)').remove()
                $('#detail_rincian_pengurang').children('tr:not(:first)').remove()

                total = 0;
                for (var i = 0; i < data.backup_volume_detail.rincian_penambahs.length; i++) {
                    id = data.backup_volume_detail.rincian_penambahs[i]['id'];
                    nama_rincian = data.backup_volume_detail.rincian_penambahs[i]['nama_rincian'];
                    pjg = data.backup_volume_detail.rincian_penambahs[i]['pjg'] == null?1:data.backup_volume_detail.rincian_penambahs[i]['pjg'];
                    lbr = data.backup_volume_detail.rincian_penambahs[i]['lbr'] == null?1:data.backup_volume_detail.rincian_penambahs[i]['lbr'];
                    tng = data.backup_volume_detail.rincian_penambahs[i]['tng'] == null?1:data.backup_volume_detail.rincian_penambahs[i]['tng'];
                    brt = data.backup_volume_detail.rincian_penambahs[i]['brt'] == null?1:data.backup_volume_detail.rincian_penambahs[i]['brt'];
                    qty = data.backup_volume_detail.rincian_penambahs[i]['qty'] == null?1:data.backup_volume_detail.rincian_penambahs[i]['qty'];
                    fktr = data.backup_volume_detail.rincian_penambahs[i]['fktr'] == null?1:data.backup_volume_detail.rincian_penambahs[i]['fktr'];

                    volume = parseFloat(pjg * lbr * tng * brt * qty * fktr);
                    total += volume;

                    $('#detail_rincian_penambah').append('\
                        <tr id=tr_penambah_r'+id+'>\
                            <th>\
                                <input type="hidden" name="curr_rincian_penambah[]" value='+id+' required>\
                                <input type="text" name="curr_nama_rincian_penambah[]" class="form-control nama_rincian_penambah" placeholder="masukan nama rincian" value="'+nama_rincian+'" required>\
                            </th>\
                            <th class="volume_rincian_penambah">\
                                '+volume+'\
                            </th>\
                            <th>\
                                <input type="text" name="curr_pjg_penambah[]" class="form-control pjg_penambah" onkeyup="set_volume_rincian_detail(this,true)" onkeypress="filter(this,event)" value="'+(String(data.backup_volume_detail.rincian_penambahs[i]['pjg'] == null?'':data.backup_volume_detail.rincian_penambahs[i]['pjg']).replace(/\./g,','))+'">\
                            </th>\
                            <th>\
                                <input type="text" name="curr_lbr_penambah[]" class="form-control lbr_penambah" onkeyup="set_volume_rincian_detail(this,true)" onkeypress="filter(this,event)" value="'+(String(data.backup_volume_detail.rincian_penambahs[i]['lbr'] == null?'':data.backup_volume_detail.rincian_penambahs[i]['lbr']).replace(/\./g,','))+'">\
                            </th>\
                            <th>\
                                <input type="text" name="curr_tng_penambah[]" class="form-control tng_penambah" onkeyup="set_volume_rincian_detail(this,true)" onkeypress="filter(this,event)" value="'+(String(data.backup_volume_detail.rincian_penambahs[i]['tng'] == null?'':data.backup_volume_detail.rincian_penambahs[i]['tng']).replace(/\./g,','))+'">\
                            </th>\
                            <th>\
                                <input type="text" name="curr_brt_penambah[]" class="form-control brt_penambah" onkeyup="set_volume_rincian_detail(this,true)" onkeypress="filter(this,event)" value="'+(String(data.backup_volume_detail.rincian_penambahs[i]['brt'] == null?'':data.backup_volume_detail.rincian_penambahs[i]['brt']).replace(/\./g,','))+'">\
                            </th>\
                            <th>\
                                <input type="text" name="curr_qty_penambah[]" class="form-control qty_penambah" onkeyup="set_volume_rincian_detail(this,true)" onkeypress="filter(this,event)" value="'+(String(data.backup_volume_detail.rincian_penambahs[i]['qty'] == null?'':data.backup_volume_detail.rincian_penambahs[i]['qty']).replace(/\./g,','))+'")\
                            </th>\
                            <th>\
                                <input type="text" name="curr_fktr_penambah[]" class="form-control fktr_penambah" onkeyup="set_volume_rincian_detail(this,true)" onkeypress="filter(this,event)" value="'+(String(data.backup_volume_detail.rincian_penambahs[i]['fktr'] == null?'':data.backup_volume_detail.rincian_penambahs[i]['fktr']).replace(/\./g,','))+'">\
                            </th>\
                            <th>\
                                <button class="btn btn-danger" type="button" onclick=remove_item_rincian('+id+',"#tr_penambah_r'+id+'")>\
                                    <i class="fa fa-trash"></i>\
                                </button>\
                            </th>\
                        </tr>');
                }

                for (var i = 0; i < data.backup_volume_detail.rincian_pengurangs.length; i++) {
                    id = data.backup_volume_detail.rincian_pengurangs[i]['id'];
                    nama_rincian = data.backup_volume_detail.rincian_pengurangs[i]['nama_rincian'];
                    pjg = data.backup_volume_detail.rincian_pengurangs[i]['pjg'] == null?1:data.backup_volume_detail.rincian_pengurangs[i]['pjg'];
                    lbr = data.backup_volume_detail.rincian_pengurangs[i]['lbr'] == null?1:data.backup_volume_detail.rincian_pengurangs[i]['lbr'];
                    tng = data.backup_volume_detail.rincian_pengurangs[i]['tng'] == null?1:data.backup_volume_detail.rincian_pengurangs[i]['tng'];
                    brt = data.backup_volume_detail.rincian_pengurangs[i]['brt'] == null?1:data.backup_volume_detail.rincian_pengurangs[i]['brt'];
                    qty = data.backup_volume_detail.rincian_pengurangs[i]['qty'] == null?1:data.backup_volume_detail.rincian_pengurangs[i]['qty'];
                    fktr = data.backup_volume_detail.rincian_pengurangs[i]['fktr'] == null?1:data.backup_volume_detail.rincian_pengurangs[i]['fktr'];

                    volume = parseFloat(pjg * lbr * tng * brt * qty * fktr);
                    total -= volume;

                    $('#detail_rincian_pengurang').append('\
                        <tr id=tr_pengurang_r'+id+'>\
                            <th>\
                                <input type="hidden" name="curr_rincian_pengurang[]" value='+id+' required>\
                                <input type="text" name="curr_nama_rincian_pengurang[]" class="form-control nama_rincian_pengurang" placeholder="masukan nama rincian" value="'+nama_rincian+'" required>\
                            </th>\
                            <th class="volume_rincian_pengurang">\
                                '+volume+'\
                            </th>\
                            <th>\
                                <input type="text" name="curr_pjg_pengurang[]" class="form-control pjg_pengurang" onkeyup="set_volume_rincian_detail(this,false)" onkeypress="filter(this,event)" value='+(String(data.backup_volume_detail.rincian_pengurangs[i]['pjg'] == null?'':data.backup_volume_detail.rincian_pengurangs[i]['pjg']).replace(/\./g,','))+'>\
                            </th>\
                            <th>\
                                <input type="text" name="curr_lbr_pengurang[]" class="form-control lbr_pengurang" onkeyup="set_volume_rincian_detail(this,false)" onkeypress="filter(this,event)" value='+(String(data.backup_volume_detail.rincian_pengurangs[i]['lbr'] == null?'':data.backup_volume_detail.rincian_pengurangs[i]['lbr']).replace(/\./g,','))+'>\
                            </th>\
                            <th>\
                                <input type="text" name="curr_tng_pengurang[]" class="form-control tng_pengurang" onkeyup="set_volume_rincian_detail(this,false)" onkeypress="filter(this,event)" value='+(String(data.backup_volume_detail.rincian_pengurangs[i]['tng'] == null?'':data.backup_volume_detail.rincian_pengurangs[i]['tng']).replace(/\./g,','))+'>\
                            </th>\
                            <th>\
                                <input type="text" name="curr_brt_pengurang[]" class="form-control brt_pengurang" onkeyup="set_volume_rincian_detail(this,false)" onkeypress="filter(this,event)" value='+(String(data.backup_volume_detail.rincian_pengurangs[i]['brt'] == null?'':data.backup_volume_detail.rincian_pengurangs[i]['brt']).replace(/\./g,','))+'>\
                            </th>\
                            <th>\
                                <input type="text" name="curr_qty_pengurang[]" class="form-control qty_pengurang" onkeyup="set_volume_rincian_detail(this,false)" onkeypress="filter(this,event)" value='+(String(data.backup_volume_detail.rincian_pengurangs[i]['qty'] == null?'':data.backup_volume_detail.rincian_pengurangs[i]['qty']).replace(/\./g,','))+'>\
                            </th>\
                            <th>\
                                <input type="text" name="curr_fktr_pengurang[]" class="form-control fktr_pengurang" onkeyup="set_volume_rincian_detail(this,false)" onkeypress="filter(this,event)" value='+(String(data.backup_volume_detail.rincian_pengurangs[i]['fktr'] == null?'':data.backup_volume_detail.rincian_pengurangs[i]['fktr']).replace(/\./g,','))+'>\
                            </th>\
                            <th>\
                                <button class="btn btn-danger" type="button" onclick=remove_item_rincian('+id+',"#tr_pengurang_r'+id+'")>\
                                        <i class="fa fa-trash"></i>\
                                </button>\
                            </th>\
                        </tr>');
                }
                $('#detail_rincian_total').text(total)


                $('#detail-rincian').find('input[name=total_volume]').val(data.backup_volume_detail.volume)
                
                $('#detail-rincian').modal();

                $("body").removeClass('loading');
                $("body").find('#overlay').remove();
                $("body").find('#text-overlay').remove();
            },
            error: function(data)
            {
                $("body").removeClass('loading');
                $("body").find('#overlay').remove();
                $("body").find('#text-overlay').remove();
            }
        });
    }
    function add_penambah_rincian(){
        id = Math.random().toString(36).substring(7);
        $('#detail_rincian_penambah').append('\
            <tr id=tr_penambah_r'+id+'>\
                <th>\
                    <input type="text" name="nama_rincian_penambah[]" class="form-control nama_rincian_penambah" placeholder="masukan nama rincian" required>\
                </th>\
                <th class="volume_rincian_penambah">\
                    0\
                </th>\
                <th>\
                    <input type="text" name="pjg_penambah[]" class="form-control pjg_penambah" onkeyup="set_volume_rincian_detail(this,true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="lbr_penambah[]" class="form-control lbr_penambah" onkeyup="set_volume_rincian_detail(this,true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="tng_penambah[]" class="form-control tng_penambah" onkeyup="set_volume_rincian_detail(this,true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="brt_penambah[]" class="form-control brt_penambah" onkeyup="set_volume_rincian_detail(this,true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <input type="text" name="qty_penambah[]" class="form-control qty_penambah" onkeyup="set_volume_rincian_detail(this,true)" onkeypress="filter(this,event)")\
                </th>\
                <th>\
                    <input type="text" name="fktr_penambah[]" class="form-control fktr_penambah" onkeyup="set_volume_rincian_detail(this,true)" onkeypress="filter(this,event)">\
                </th>\
                <th>\
                    <button class="btn btn-danger" type="button" onclick=remove_item_rincian(null,"#tr_penambah_r'+id+'")>\
                            <i class="fa fa-trash"></i>\
                    </button>\
                </th>\
            </tr>');
    }
    function add_pengurang_rincian(){
        id = Math.random().toString(36).substring(7);
        $('#detail_rincian_pengurang').append('\
            <tr id=tr_pengurang_r'+id+'>\
                <th>\
                    <input type="text" name="nama_rincian_pengurang[]" class="form-control nama_rincian_pengurang" placeholder="masukan nama rincian" required>\
                </th>\
                <th class="volume_rincian_pengurang">\
                    0\
                </th>\
                <th>\
                    <input type="text" name="pjg_pengurang[]" class="form-control pjg_pengurang" onkeyup="set_volume_rincian_detail(this,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="lbr_pengurang[]" class="form-control lbr_pengurang" onkeyup="set_volume_rincian_detail(this,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="tng_pengurang[]" class="form-control tng_pengurang" onkeyup="set_volume_rincian_detail(this,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="brt_pengurang[]" class="form-control brt_pengurang" onkeyup="set_volume_rincian_detail(this,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <input type="text" name="qty_pengurang[]" class="form-control qty_pengurang" onkeyup="set_volume_rincian_detail(this,false)" onkeypress="filter(this,event)" )\
                </th>\
                <th>\
                    <input type="text" name="fktr_pengurang[]" class="form-control fktr_pengurang" onkeyup="set_volume_rincian_detail(this,false)" onkeypress="filter(this,event)" >\
                </th>\
                <th>\
                    <button class="btn btn-danger" type="button" onclick=remove_item_rincian(null,"#tr_pengurang_r'+id+'")>\
                            <i class="fa fa-trash"></i>\
                    </button>\
                </th>\
            </tr>');
    }
    function remove_item_rincian(id,el){
        $(el).remove();
        if(id){
            $('#removed_item').append('<input type="hidden" name="removed_item[]" value='+id+'>');
        }
        total_volume = 0;
        $('#detail-rincian').find('.volume_rincian_penambah').each(function(){
            total_volume += parseFloat($(this).text())
        })
        $('#detail-rincian').find('.volume_rincian_pengurang').each(function(){
            total_volume -= parseFloat($(this).text())
        })
        $('#detail_rincian_total').text(total_volume)
        $('#detail-rincian').find('input[name=total_volume]').val(total_volume)
    }
    function set_volume_rincian_detail(el,penambah) {
        class_name = $(el).attr('class').replace('form-control ','')
        index = $('.'+class_name).index(el)
        if (penambah) {
            pjg = $('#detail-rincian').find('.pjg_penambah').eq(index).val().replace(',','.')?$('#detail-rincian').find('.pjg_penambah').eq(index).val().replace(',','.'):1;
            lbr = $('#detail-rincian').find('.lbr_penambah').eq(index).val().replace(',','.')?$('#detail-rincian').find('.lbr_penambah').eq(index).val().replace(',','.'):1;
            tng = $('#detail-rincian').find('.tng_penambah').eq(index).val().replace(',','.')?$('#detail-rincian').find('.tng_penambah').eq(index).val().replace(',','.'):1;
            brt = $('#detail-rincian').find('.brt_penambah').eq(index).val().replace(',','.')?$('#detail-rincian').find('.brt_penambah').eq(index).val().replace(',','.'):1;
            qty = $('#detail-rincian').find('.qty_penambah').eq(index).val().replace(',','.')?$('#detail-rincian').find('.qty_penambah').eq(index).val().replace(',','.'):1;
            fktr = $('#detail-rincian').find('.fktr_penambah').eq(index).val().replace(',','.')?$('#detail-rincian').find('.fktr_penambah').eq(index).val().replace(',','.'):1;

            volume = parseFloat(pjg * lbr * tng * brt * qty * fktr);
            $('#detail-rincian').find('.volume_rincian_penambah').eq(index).text(volume)
        }else{
            pjg = $('#detail-rincian').find('.pjg_pengurang').eq(index).val().replace(',','.')?$('#detail-rincian').find('.pjg_pengurang').eq(index).val().replace(',','.'):1;
            lbr = $('#detail-rincian').find('.lbr_pengurang').eq(index).val().replace(',','.')?$('#detail-rincian').find('.lbr_pengurang').eq(index).val().replace(',','.'):1;
            tng = $('#detail-rincian').find('.tng_pengurang').eq(index).val().replace(',','.')?$('#detail-rincian').find('.tng_pengurang').eq(index).val().replace(',','.'):1;
            brt = $('#detail-rincian').find('.brt_pengurang').eq(index).val().replace(',','.')?$('#detail-rincian').find('.brt_pengurang').eq(index).val().replace(',','.'):1;
            qty = $('#detail-rincian').find('.qty_pengurang').eq(index).val().replace(',','.')?$('#detail-rincian').find('.qty_pengurang').eq(index).val().replace(',','.'):1;
            fktr = $('#detail-rincian').find('.fktr_pengurang').eq(index).val().replace(',','.')?$('#detail-rincian').find('.fktr_pengurang').eq(index).val().replace(',','.'):1;

            volume = parseFloat(pjg * lbr * tng * brt * qty * fktr);
            $('#detail-rincian').find('.volume_rincian_pengurang').eq(index).text(volume)
        }

        total_volume = 0;
        $('#detail-rincian').find('.volume_rincian_penambah').each(function(){
            total_volume += parseFloat($(this).text())
        })
        $('#detail-rincian').find('.volume_rincian_pengurang').each(function(){
            total_volume -= parseFloat($(this).text())
        })
        $('#detail_rincian_total').text(total_volume)
        $('#detail-rincian').find('input[name=total_volume]').val(total_volume)
    }
</script>
@endsection