@extends('layouts.app')
@section('style')
    <style>
        .sticky-rows {
            top:0px;
            position: sticky;
            z-index: 1;
            right: 0;
            background-color: #F5F5F5;
        }
        td {
            white-space: nowrap;
        }
        .table td, .table th {
            border: 1px solid #beb9b9 !important;
        }
        thead, tbody {
            text-align: center !important;
        }
        .total-bg {
            background-color: #F5F5F5;
        }
    </style>
@endsection
@section('content')
<div class="col-12">

</div>
<div class="col-12">
    <div class="card">
        <div class="card-header">
            <h5 class="title mb-0">Billings</h5>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb"style="background-color: white; padding-left: 2px">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('billing') }}">Billings</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('billing.show', ['id' => $bid]) }}">Preview</a></li>
                    <li class="breadcrumb-item active" aria-current="page">New</li>
                </ol>
            </nav>
        </div>
        <div class="card-body all-icons">
            <div class="table-responsive">
                <table class="table">
                    <thead class=" text-primary">
                        <tr>
                            <td colspan="2"></td>
                            <td colspan="18">Work Days</td>
                            <td colspan="18">Over Time</td>
                            <td colspan="4"></td>
                            <td class="sticky-rows">Total</td>
                        </tr>
                        <tr>
                            <td colspan="2"></td>
                            <td>WD</td>
                            <td>Amount</td>
                            <td>RD</td>
                            <td>Amount</td>
                            <td>SH</td>
                            <td>Amount</td>
                            <td>RH</td>
                            <td>Amount</td>
                            <td>DH</td>
                            <td>Amount</td>
                            <td>SH-RD</td>
                            <td>Amount</td>
                            <td>RH-RD</td>
                            <td>Amount</td>
                            <td>DH-RD</td>
                            <td>Amount</td>
                            <td class="total-bg">Total Days</td>
                            <td class="total-bg">Total Amount</td>
                            <td>WD</td>
                            <td>Amount</td>
                            <td>RD</td>
                            <td>Amount</td>
                            <td>SH</td>
                            <td>Amount</td>
                            <td>RH</td>
                            <td>Amount</td>
                            <td>DH</td>
                            <td>Amount</td>
                            <td>SH-RD</td>
                            <td>Amount</td>
                            <td>RH-RD</td>
                            <td>Amount</td>
                            <td>DH-RD</td>
                            <td>Amount</td>
                            <td class="total-bg">Total Hours</td>
                            <td class="total-bg">Total Amount</td>
                            <td>Agency Fee</td>
                            <td>Employer Share</td>
                            <td>W/H Tax</td>
                            <td>VAT</td>
                            <td class="sticky-rows"></td>
                        </tr>
                        <tr>
                            <td>Personnel</td>
                            <td>Post</td>
                            <td class="text-info" id="tdDailyRate">
                                ({{ number_format($rates['dailyRate'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['restDayRate'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['specialRate'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['regularRate'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['doubleRate'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['restDaySpecialRate'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['restDayRegularRate'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['restDayDoubleRate'], 2)}})
                            </td>
                            <td></td>
                            <td class="total-bg"></td>
                            <td class="total-bg"></td>
                            <td class="text-info">
                                ({{ number_format($rates['dailyRateOt'], 2)}})
                            <input type="hidden"  id="otRateSeconds" value="{{$rates['dailyRateOtSeconds'] }}" />
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['restDayRateOt'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['specialRateOt'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['regularRateOt'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['doubleRateOt'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['restDaySpecialRateOt'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['restDayRegularRateOt'], 2)}})
                            </td>
                            <td></td>
                            <td class="text-info">
                                ({{ number_format($rates['restDayDoubleRateOt'], 2)}})
                            </td>
                            <td></td>
                            <td class="total-bg"></td>
                            <td class="total-bg"></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td class="sticky-rows"></td>
                        </tr>

                    </thead>
                    <tbody>

                        @foreach ($billingPersonnels as $key=>$billingPersonnel)
                            <tr id="tr{{ $key }}" class="trOnBody">
                                <td class="text-left">
                                    <span id="pi{{ $key }}" class="d-none">{{ $billingPersonnel['personnel_id'] }}</span>
                                    {{ $billingPersonnel['personnel'] }}
                                </td>
                                <td class="text-left">
                                    <span id="bi{{ $key }}" class="d-none">{{ $billingPersonnel['post_id'] }}</span>
                                    {{ $billingPersonnel['post'] }}
                                </td>
                                <td>
                                    <input type="hidden" id="wdPrev{{ $key }}"  value="{{ $billingPersonnel['wd'] }}"/>
                                    <input type="text" id="wd{{ $key }}" class="form-control txtWorkDays" placeholder="required"" value="{{ $billingPersonnel['wd'] }}">
                                </td>
                                <td id="tdWdTotal{{ $key }}">
                                    {{ $billingPersonnel['wd_amount'] }}
                                </td>
                                <td id="rd{{ $key }}">
                                    {{ $billingPersonnel['wd_rd'] }}
                                </td>
                                <td id="rd_amount{{ $key }}">
                                    {{ $billingPersonnel['sunday_amount'] }}
                                </td>
                                <td id="sh{{ $key }}">
                                    {{ $billingPersonnel['wd_special'] }}
                                </td>
                                <td id="sh_amount{{ $key }}">
                                    {{ $billingPersonnel['special_amount'] }}
                                </td>
                                <td id="rh{{ $key }}">
                                    {{ $billingPersonnel['wd_regular'] }}
                                </td>
                                <td id="rh_amount{{ $key }}">
                                    {{ $billingPersonnel['regular_amount'] }}
                                </td>
                                <td id="dh{{ $key }}">
                                    {{ $billingPersonnel['wd_double'] }}
                                </td>
                                <td id="dh_amount{{ $key }}">
                                    {{ $billingPersonnel['double_amount'] }}
                                </td>
                                <td id="shrd{{ $key }}">
                                    {{ $billingPersonnel['wd_special_rd'] }}
                                </td>
                                <td id="shrd_amount{{ $key }}">
                                    {{ $billingPersonnel['specialRd_amount'] }}
                                </td>
                                <td id="rhrd{{ $key }}">
                                    {{ $billingPersonnel['wd_regular_rd'] }}
                                </td>
                                <td id="rhrd_amount{{ $key }}">
                                    {{ $billingPersonnel['regularRd_amount'] }}
                                </td>
                                <td id="dhrd{{ $key }}">
                                    {{ $billingPersonnel['wd_double_rd'] }}
                                </td>
                                <td id="dhrd_amount{{ $key }}">
                                    {{ $billingPersonnel['doubleRd_amount'] }}
                                </td>
                                <td class="total-bg"  id="gtDays{{ $key }}">
                                    {{ $billingPersonnel['wd_total'] }}
                                </td>
                                <td class="total-bg"  id="gtWdAmount{{ $key }}">
                                    {{ $billingPersonnel['total_wd_amount'] }}
                                </td>
                                <td>
                                    <input type="hidden" id="hrPrev{{ $key }}"  value="{{ $billingPersonnel['ot_hour'] }}"/>
                                    <input type="text" id="hr{{ $key }}" class="txtOtHour form-control id="ot{{ $key }}"" style="width:45px; display: inline-block" placeholder="required"" value="{{ $billingPersonnel['ot_hour'] }}">
                                    <span style="display: inline-block">:</span>
                                    <input type="hidden" id="mnPrev{{ $key }}"  value="{{ $billingPersonnel['ot_minute'] }}"/>
                                    <input type="text" id="mn{{ $key }}"  class="txtOtMinute form-control" style="width:45px; display: inline-block" placeholder="required"" value="{{ $billingPersonnel['ot_minute'] }}">
                                </td>
                                <td id="tdOtTotal{{ $key }}">{{ $billingPersonnel['otAmount'] }} </td>
                                <td id="ot_rd{{ $key }}">
                                    {{ $billingPersonnel['sundayOtSeconds_time'] }}
                                </td>
                                <td id="ot_rd_amount{{ $key }}">
                                    {{ $billingPersonnel['otAmountRd'] }}
                                </td>
                                <td id="ot_sh{{ $key }}">
                                    {{ $billingPersonnel['specialOtSeconds_time'] }}
                                </td>
                                <td id="ot_sh_amount{{ $key }}">
                                    {{ $billingPersonnel['otAmountSpecial'] }}
                                </td>
                                <td id="ot_rh{{ $key }}">
                                    {{ $billingPersonnel['regularOtSeconds_time'] }}
                                </td>
                                <td id="ot_rh_amount{{ $key }}">
                                    {{ $billingPersonnel['otAmountRegular'] }}
                                </td>
                                <td id="ot_dh{{ $key }}">
                                    {{ $billingPersonnel['doubleOtSeconds_time'] }}
                                </td>
                                <td id="ot_dh_amount{{ $key }}">
                                    {{ $billingPersonnel['otAmountDouble'] }}
                                </td>
                                <td id="ot_shrd{{ $key }}">
                                    {{ $billingPersonnel['specialOtSecondsRd_time'] }}
                                </td>
                                <td id="ot_shrd_amount{{ $key }}">
                                    {{ $billingPersonnel['otAmountSpecialRd'] }}
                                </td>
                                <td id="ot_rhrd{{ $key }}">
                                    {{ $billingPersonnel['regularOtSecondsRd_time'] }}
                                </td>
                                <td id="ot_rhrd_amount{{ $key }}">
                                    {{ $billingPersonnel['otAmountRegularRd'] }}
                                </td>
                                <td id="ot_dhrd{{ $key }}">
                                    {{ $billingPersonnel['doubleOtSecondsRd_time'] }}
                                </td>
                                <td id="ot_dhrd_amount{{ $key }}">
                                    {{ $billingPersonnel['otAmountDoubleRd'] }}
                                </td>
                                <td class="total-bg" id="tdGtOtTotal{{ $key }}">{{ $billingPersonnel['total_ot_time'] }}</td>
                                <td class="total-bg" id="tdGtOtAmount{{ $key }}">
                                    {{ $billingPersonnel['total_ot_amount'] }}
                                </td>
                                <td id="tdAgencyFee{{ $key }}">{{ $billingPersonnel['agency_fee'] }} </td>
                                <td id="tdEShare{{ $key }}">{{ $billingPersonnel['employee_share'] }} </td>
                                <td id="tdWTax{{ $key }}">{{ $billingPersonnel['withholding_tax'] }} </td>
                                <td id="tdVat{{ $key }}">{{ $billingPersonnel['vat'] }} </td>
                                <th id="grandTotal{{ $key }}" class="tdTotal sticky-rows">₱{{ $billingPersonnel['total_billable_amount'] }} </th>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="41"></td>
                            <td class="font-weight-bold">Total</td>
                            <td class="font-weight-bold sticky-rows" id="grandTotal"></td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
        <div class="card-footer text-right">
            <button id="txtSave" class="btn btn-success btn-lg ">SAVE</button>
        </div>
    </div>
</div>
<div class="modal" tabindex="-1" role="dialog" id="mdlConfirmation">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">C O N F I R M A T I O N</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body text-secondary">
          <p>Continue saving this billing?</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-success" id="btnConfirmSave">Confirm</button>
        </div>
      </div>
    </div>
</div>
<div class="modal" tabindex="-1" role="dialog" id="mdlSaveConfirmation">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header bg-success pb-0">
            <h5 class="text-white">SUCCESS!</h5>
        </div>
        <div class="modal-body text-secondary">
          <p>Billing was saved <span class="text-success">successfully<span> saved.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-success" id="btnContinue">Continue</button>
        </div>
      </div>
    </div>
</div>
@section('script')
    <script>
        $(document).ready(function() {
            let reg = new RegExp(/^[0-9]+$/);

            notif = {
                misc: {
                navbar_menu_visible: 0
                },

                showNotification: function(from, align, color, msg) {

                $.notify({
                    icon: "now-ui-icons ui-1_bell-53",
                    message: msg

                }, {
                    type: color,
                    timer: 8000,
                    placement: {
                    from: from,
                    align: align
                    }
                });
                }
            };

            function calcGrandTotal() {
                let grandTotal = 0;
                $(".tdTotal").each(function(){
                    grandTotal += parseFloat(currency($(this).html()));
                });
                grandTotal = currency(grandTotal, {symbol : '₱'}).format();
                $('#grandTotal').html(grandTotal);
                editedAnimation('#grandTotal', 'gray');
            }

            calcGrandTotal();

            $('.txtWorkDays').change(function() {
                let workDays = $(this).val();
                let txtId = $(this).attr('id').substring(2)
                let dailyRateVal = $('#tdDailyRate').html();

                let dailyRate = Number(dailyRateVal.replace(/[^0-9.-]+/g,""), 2);
                let prevValue = $('#wdPrev' + txtId).val();

                if(!reg.test(workDays)){
                    $(this).val(prevValue)
                    workDays = prevValue
                } else {
                    $('#wdPrev' + txtId).val(workDays);
                }

                let newWorkDayTotal = workDays * dailyRate;

                let currentDay = $('#gtDays' + txtId).html();
                let editedDays = parseInt(currentDay) - parseInt(prevValue);
                editedDays = parseInt(workDays) + parseInt(editedDays);
                $('#gtDays' + txtId).html(editedDays);


                let gtWdAmount = currency($('#gtWdAmount' + txtId).html()).value;
                oldAmount = currency($('#tdWdTotal' + txtId).html()).value;
                console.log(oldAmount)
                gtWdAmount = gtWdAmount - oldAmount;
                gtWdAmount = newWorkDayTotal + gtWdAmount;
                gtWdAmount = currency(gtWdAmount, {symbol : ''}).format();
                $('#gtWdAmount' + txtId).html(gtWdAmount);

                newWorkDayTotal = currency(newWorkDayTotal, {symbol : ''}).format();
                $('#tdWdTotal' + txtId).html(newWorkDayTotal);

                editedAnimation('#tdWdTotal' + txtId, 'white');
                editedAnimation('#gtDays' + txtId, 'gray');
                editedAnimation('#gtWdAmount' + txtId, 'gray');
                calcTotal(txtId);
            });

            $('.txtOtHour').change(function(event) {
                let txtId = $(this).attr('id').substring(2);
                let otHour = $(this).val();

                let oldValue = $('#hrPrev' + txtId).val();

                if(!reg.test(otHour)){
                    let prevValue = $('#hrPrev' + txtId).val();
                    $(this).val(prevValue)
                    otHour = prevValue
                } else {
                    $('#hrPrev' + txtId).val(otHour);
                }

                let otMinute = $('#mn' + txtId).val();
                //let otRate = $('#tdOtRate' + txtId).html()
                let otRateSeconds = $('#otRateSeconds').val();

                let hourOnSeconds = otHour * 3600
                let minuteOnSeconds = otMinute * 60
                let totalHourMinuteSeconds = hourOnSeconds + minuteOnSeconds

                let newOtTotal = totalHourMinuteSeconds * otRateSeconds;
                let newOtTotalFormatted = currency(newOtTotal, {symbol : ''}).format();

                let oldTotalAmount = currency($('#tdOtTotal' + txtId).html()).value;
                $('#tdOtTotal' + txtId).html(newOtTotalFormatted)

                let oldGtTotal = $('#tdGtOtTotal' + txtId).html().substring(0, 2);
                let minutes = $('#tdGtOtTotal' + txtId).html().substring(3, 5);
                oldGtTotal = parseInt(oldGtTotal) - parseInt(oldValue);
                oldGtTotal = parseInt(otHour) + parseInt(oldGtTotal);
                $('#tdGtOtTotal' + txtId).html(oldGtTotal + ':' + minutes)

                oldGTAmount = currency($('#tdGtOtAmount' + txtId).html()).value;
                oldGTAmount = oldGTAmount - oldTotalAmount;
                oldGTAmount = oldGTAmount + newOtTotal;
                oldGTAmount = currency(oldGTAmount, {symbol : ''}).format();

                $('#tdGtOtAmount' + txtId).html(oldGTAmount)

                if(otHour.length < 2) {
                    $(this).val('0' + otHour)
                }
                editedAnimation('#tdOtTotal' + txtId, 'white');
                editedAnimation('#tdGtOtTotal' + txtId, 'gray');
                editedAnimation('#tdGtOtAmount' + txtId, 'gray');
                calcTotal(txtId);
            });

            $('.txtOtMinute').change(function() {
                let otMinute = $(this).val();
                let txtId = $(this).attr('id').substring(2)

                let oldValue = $('#mnPrev' + txtId).val();

                if(!reg.test(otMinute) ||otMinute > 59 ){
                    let prevValue = $('#mnPrev' + txtId).val();
                    $(this).val(prevValue)
                    otMinute = prevValue
                } else {
                    $('#mnPrev' + txtId).val(otMinute);
                }

                let otHour = $('#hr' + txtId).val();
                //let otRate = $('#tdOtRate' + txtId).html()
                let otRateSeconds = $('#otRateSeconds').val();

                let hourOnSeconds = otHour * 3600
                let minuteOnSeconds = otMinute * 60
                let totalHourMinuteSeconds = hourOnSeconds + minuteOnSeconds;

                let newOtTotal = totalHourMinuteSeconds * otRateSeconds;
                let newOtTotalFormatted = currency(newOtTotal, {symbol : ''}).format();

                let oldTotalAmount = currency($('#tdOtTotal' + txtId).html()).value;
                $('#tdOtTotal' + txtId).html(newOtTotalFormatted)

                let oldGtTotal = $('#tdGtOtTotal' + txtId).html().substring(3, 5);
                let hours = $('#tdGtOtTotal' + txtId).html().substring(0, 2);
                oldGtTotal = parseInt(oldGtTotal) - parseInt(oldValue);
                oldGtTotal = parseInt(otMinute) + parseInt(oldGtTotal);
                console.log(oldGtTotal.toString().length)
                if(oldGtTotal.toString().length < 2) {
                    oldGtTotal = '0' + oldGtTotal;
                }
                $('#tdGtOtTotal' + txtId).html(hours + ':' + oldGtTotal)

                oldGTAmount = currency($('#tdGtOtAmount' + txtId).html()).value;
                oldGTAmount = oldGTAmount - oldTotalAmount;
                oldGTAmount = oldGTAmount + newOtTotal;
                oldGTAmount = currency(oldGTAmount, {symbol : ''}).format();

                $('#tdGtOtAmount' + txtId).html(oldGTAmount)

                if(otMinute.length < 2) {
                    $(this).val('0' + otMinute)
                }
                editedAnimation('#tdOtTotal' + txtId, 'white');
                editedAnimation('#tdGtOtTotal' + txtId, 'gray');
                editedAnimation('#tdGtOtAmount' + txtId, 'gray');
                calcTotal(txtId);
            });

            function calcTotal(id) {
                let totalWd = $('#gtWdAmount' + id).html();
                let totalOt = $('#tdGtOtAmount' + id).html();
                let agency = $('#tdAgencyFee' + id).html();
                let eshare = $('#tdEShare' + id).html();
                let wtax = $('#tdWTax' + id).html();
                let vat = $('#tdVat' + id).html();

                totalWd = currency(totalWd).value;
                totalOt = currency(totalOt).value;
                agency = currency(agency).value;
                eshare = currency(eshare).value;
                wtax = currency(wtax).value;
                vat = currency(vat).value;

                let grandTotal = totalWd + totalOt + agency + eshare + wtax + vat;
                grandTotal = currency(grandTotal, {symbol : '₱'}).format()
                $('#grandTotal' + id).html(grandTotal);
                calcGrandTotal();
                editedAnimation('#grandTotal' + id, 'gray');
            }

            function editedAnimation(id, color) {
                $(id).css({"background-color":"#c8e6c9", "transition":"background-color 0.5s ease"});

                let bgColor = '#FFFFFF';
                if(color == 'gray') {
                    bgColor = '#F5F5F5';
                }

                setTimeout(function () {
                    $(id).css("background-color", bgColor);
                }, 2000);
            }

            $('#txtSave').click(function() {
                $('#mdlConfirmation').modal('show')
            });

            $('#btnConfirmSave').click(function() {
                loader();
                let grandTotal = $('#grandTotal').html();
                grandTotal = currency(grandTotal).value;

                $.ajax({
                    url : "{{ route( 'billing.saverecord' ) }}",
                    data: {
                        '_token': '{{ csrf_token() }}',
                        'billing_id': {{ $bid }},
                        'grandTotal': grandTotal,
                        'branchName': '{{ $branchName }}',
                        'wd_rate': '{{ $rates['dailyRate'] }}',
                        'rd_rate': '{{ $rates['restDayRate'] }}',
                        'sh_rate': '{{ $rates['specialRate'] }}',
                        'rh_rate': '{{ $rates['regularRate'] }}',
                        'dh_rate': '{{ $rates['doubleRate'] }}',
                        'shrd_rate': '{{ $rates['restDaySpecialRate'] }}',
                        'rhrd_rate': '{{ $rates['restDayRegularRate'] }}',
                        'dhrd_rate': '{{ $rates['restDayDoubleRate'] }}',
                        'ot_wd_rate': '{{ $rates['dailyRateOt'] }}',
                        'ot_rd_rate': '{{ $rates['restDayRateOt'] }}',
                        'ot_sh_rate': '{{ $rates['specialRateOt'] }}',
                        'ot_rh_rate': '{{ $rates['regularRateOt'] }}',
                        'ot_dh_rate': '{{ $rates['doubleRateOt'] }}',
                        'ot_shrd_rate': '{{ $rates['restDaySpecialRateOt'] }}',
                        'ot_rhrd_rate': '{{ $rates['restDayRegularRateOt'] }}',
                        'ot_dhrd_rate': '{{ $rates['restDayDoubleRateOt'] }}'
                    },
                    type: 'post',
                    dataType: 'json',
                    success: function( result )
                    {
                        if(result.code == 100) {
                            saveEachRecord(result.record_id)
                        } else {
                            unloader();
                        }
                    },
                    error: function()
                    {
                        notif.showNotification('top','right', 'danger', 'Something went wrong')
                        unloader();
                    }
                });

            });

            function saveEachRecord(bid) {
                $(".trOnBody").each(function(){
                    let id = $(this).attr('id').substring(2);
                    let personnel_id = $('#pi' + id).html()
                    let post_id = $('#bi' + id).html()
                    let agency_fee = $('#tdAgencyFee' + id).html()
                    let grand_total = $('#grandTotal' + id).html()
                    let billing_id = bid

                    grand_total = currency(grand_total).value;

                    let data = {
                        id: id,
                        personnel_id: personnel_id,
                        post_id: post_id,
                        wd: parseInt($('#wd' + id).val()),
                        rd: parseInt($('#rd' + id).html()),
                        sh: parseInt($('#sh' + id).html()),
                        rh: parseInt($('#rh' + id).html()),
                        dh: parseInt($('#dh' + id).html()),
                        shrd: parseInt($('#shrd' + id).html()),
                        rhrd: parseInt($('#rhrd' + id).html()),
                        dhrd: parseInt($('#dhrd' + id).html()),
                        wd_amount: currency($('#tdWdTotal' + id).html()).value,
                        rd_amount: currency($('#rd_amount' + id).html()).value,
                        sh_amount: currency($('#sh_amount' + id).html()).value,
                        rh_amount: currency($('#rh_amount' + id).html()).value,
                        dh_amount: currency($('#dh_amount' + id).html()).value,
                        shrd_amount: currency($('#shrd_amount' + id).html()).value,
                        rhrd_amount: currency($('#rhrd_amount' + id).html()).value,
                        dhrd_amount: currency($('#dhrd_amount' + id).html()).value,
                        total_work_days: parseInt($('#gtDays' + id).html()),
                        total_work_days_amount: currency($('#gtWdAmount' + id).html()).value,
                        ot_wd: $('#hr' + id).val() + ':' + $('#mn' + id).val(),
                        ot_rd: $('#ot_rd' + id).html().trim(),
                        ot_sh: $('#ot_sh' + id).html().trim(),
                        ot_rh: $('#ot_rh' + id).html().trim(),
                        ot_dh: $('#ot_dh' + id).html().trim(),
                        ot_shrd: $('#ot_shrd' + id).html().trim(),
                        ot_rhrd: $('#ot_rhrd' + id).html().trim(),
                        ot_dhrd: $('#ot_dhrd' + id).html().trim(),
                        ot_wd_amount:  currency($('#tdOtTotal' + id).html()).value,
                        ot_rd_amount: currency($('#ot_rd_amount' + id).html()).value,
                        ot_sh_amount: currency($('#ot_sh_amount' + id).html()).value,
                        ot_rh_amount: currency($('#ot_rh_amount' + id).html()).value,
                        ot_dh_amount: currency($('#ot_dh_amount' + id).html()).value,
                        ot_shrd_amount: currency($('#ot_shrd_amount' + id).html()).value,
                        ot_rhrd_amount: currency($('#ot_rhrd_amount' + id).html()).value,
                        ot_dhrd_amount: currency($('#ot_dhrd_amount' + id).html()).value,
                        total_ot_hours: $('#tdGtOtTotal' + id).html().trim(),
                        total_ot_amount: currency($('#tdGtOtAmount' + id).html()).value,
                        agency_fee: currency( $('#tdAgencyFee' + id).html()).value,
                        employee_share: currency( $('#tdEShare' + id).html()).value,
                        withholding_tax: currency( $('#tdWTax' + id).html()).value,
                        vat: currency( $('#tdVat' + id).html()).value,
                        grand_total: grand_total,
                        bid: bid
                    }

                    $.ajax({
                        url : "{{ route( 'billing.savepersonnel' ) }}",
                        data: {
                            '_token': '{{ csrf_token() }}',
                            'data': data
                        },
                        type: 'post',
                        dataType: 'json',
                        success: function( result )
                        {
                            console.log(result)

                        },
                        error: function()
                        {
                            notif.showNotification('top','right', 'danger', 'Something went wrong')
                        }
                    });
                });
                unloader();
                $('#mdlConfirmation').modal('hide')
                $('#mdlSaveConfirmation').modal({
                    backdrop: 'static',
                    keyboard: false
                })
            }

            $('#btnContinue').click(function() {
                window.location.href = "{{ route('billing.show', ['id' => $bid])}}";
            });
        });
    </script>
@endsection
@endsection