@extends('layouts.app')

@section('content')
@section('style')
    <style>
        .custom-control-lg .custom-control-label::before,
        .custom-control-lg .custom-control-label::after {
            top: 0.1rem !important;
            left: -2rem !important;
            width: 1.25rem !important;
            height: 1.25rem !important;
        }

        .custom-control-lg .custom-control-label {
            margin-left: 0.5rem !important;
            font-size: 1rem !important;
        }
    </style>
@endsection
<div class="col-12">

</div>

<div class="col-12">

    <div class="card">
        <div class="card-header">
            <h5 class="title mb-0">DTR Information</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('dtr') }}">DTR</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ $deployment->first_name . ' ' . $deployment->last_name }}</li>
                </ol>
            </nav>
        </div>
        <div class="card-body all-icons">
            <div class="row">
                <div class="col-6 col-md-3">
                    <div class="card border">
                        <div class="card-body">
                            <small class="text-secondary">PERSONNEL</small>
                            <p>{{ $deployment->first_name . ' ' . $deployment->last_name }}</p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="card border">
                        <div class="card-body">
                            <small class="text-secondary">POST</small>
                            <p>{{ $deployment->branch_name }}</p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="card border">
                        <div class="card-body">
                            <small class="text-secondary">STATUS</small>
                            <p>{{ $deployment->status }}</p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="card border">
                        <div class="card-body">
                            <small class="text-secondary">DAILY RATE</small>
                            <p>₱{{ $deployment->daily_rate }}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="w-100 text-right">
                {{-- <button id="txtCalcBilling" class="btn btn-info btn-sm text-white">CALCULATE BILLING</button> --}}
                <a href="{{ route('dtr.create', [ 'did' => $deployment->duty_order_id ]) }}" class="ml-2 btn btn-primary btn-sm text-white">ADD DTR</a>
            </div>
            {{-- <div class="w-100 text-right">
            {{-- <a href="{{ route('ddo.calendar', [ 'id' =>$did, 'did' => $did ]) }}" class="btn btn-primary btn-sm text-white">CALENDAR VIEW</a> --}}
            {{-- <div class="w-100 text-right">

                <a href="{{ route('dtr.create') }}" class="btn btn-primary btn-sm text-white">ADD DTR</a>
                <form id="frmSearch" class="navbar-search" action="{{ route('dtr.search') }}">
                    <div class="input-group no-border">
                        <input type="text" name="keyword" @if(isset($keyword)) value="{{ $keyword }}" @endif class="form-control" placeholder="Search using name..." autocomplete="off">
                        <div class="input-group-append">
                        <button type="submit" class="txtSearch input-group-text">
                            <i class="now-ui-icons ui-1_zoom-bold"></i>
                        </button>
                        </div>
                    </div>
                </form>
            </div> --}}
            <div class="d-flex justify-content-end">
                <div style="width: 15px; height: 15px; background: #e0f2f1; border: 1px solid #DEE2E6">&nbsp;</div>
                <small class="ml-2">Previous Date</small>
                <div style="width: 15px; height: 15px; background: #ECEFF1; border: 1px solid #DEE2E6;" class="ml-3">&nbsp;</div>
                <small class="ml-2">Current or Future Date</small>
            </div>
            <div class="table-responsive">

                <table class="table">
                    <thead class=" text-primary">
                        <tr>
                            <th>Date</th>
                            <th>Time In</th>
                            <th>Time Out</th>
                            <th>Over Time</th>
                            <th>Night Hours</th>
                            <th>Holiday</th>
                            <th>Sunday</th>
                            <th>Rate</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($dtrs as $dtr)
                            <tr
                                id="generalTR{{ $dtr->id }}"
                                @if($dtr->date < date('Y-m-d'))
                                    style="background-color:#e0f2f1"
                                @else
                                    style="background-color:#eceff1"
                                @endif
                            >
                                <td id="dataDate{{ $dtr->id }}">{{ $dtr->date }}</td>
                                <td id="dataTimeIn{{ $dtr->id }}">{{ $dtr->time_in }}</td>
                                <td id="dataTimeOut{{ $dtr->id }}">{{ $dtr->time_out }}</td>
                                <td id="dataOverTime{{ $dtr->id }}">
                                    @if($dtr->over_time_hours < 0)
                                        <span class="text-danger">
                                        - {{ gmdate('H:i', abs($dtr->over_time_hours)) }}
                                        <span>
                                    @else
                                        {{ gmdate('H:i', $dtr->over_time_hours) }}
                                    @endif
                                </td>
                                <td id="dataNightHours{{ $dtr->id }}">
                                    @if($dtr->night_hours < 0)
                                        <span class="text-danger">
                                        - {{ gmdate('H:i', abs($dtr->night_hours)) }}
                                        <span>
                                    @else
                                        {{ gmdate('H:i', $dtr->night_hours) }}
                                    @endif
                                </td>
                                <td id="dataHoliday{{ $dtr->id }}">
                                    @if($dtr->holiday == 1)
                                        Regular
                                    @elseif($dtr->holiday == 2)
                                        Special
                                    @elseif($dtr->holiday == 3)
                                        Double
                                    @else
                                        N/A
                                    @endif
                                </td>
                                <td>
                                    @if($dtr->isSunday == 0)
                                        <i class="fa fa-times text-danger"></i>
                                    @else
                                        <i class="fa fa-check text-success"></i>
                                    @endif
                                </td>
                                <td >
                                    @if($dtr->isDayRate)
                                        <span id="dataRate{{ $dtr->id }}">15 Days Rate</span>
                                    @else
                                        <span id="dataRate{{ $dtr->id }}">16 Days Rate</span>
                                    @endif
                                </td>
                                @if($dtr->isPresent)
                                <td id="tdStatus{{ $dtr->id }}">
                                    <span class="badge badge-success" id="dataStatus{{ $dtr->id }}">PRESENT</span>
                                </td>
                                @else
                                <td id="tdStatus{{ $dtr->id }}">
                                    <span class="badge badge-secondary" id="dataStatus{{ $dtr->id }}">ABSENT</span>
                                </td>
                                @endif
                                <td>
                                    <button type="button" class="px-1 btn btn-warning btn-link btn-sm btnEdits" id="tr{{ $dtr->id }}"><i class="fa fa-edit"></i> </button>
                                    <button type="button" class="px-1 btn btn-danger btn-link btn-sm btnDeletes" id="dl{{ $dtr->id }}"><i class="fa fa-trash"></i> </button>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="card-footer pl-2">
                <p class="text-secondary">Showing {{ count($dtrs) }} of {{ $dtrs->appends(request()->input())->total() }} entries</p>
                {{ $dtrs->appends(request()->input())->links() }}
            </div>
        </div>

  </div>

<div class="modal" tabindex="-1" role="dialog" id="mdlEditForm">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">UPDATE</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">
            <form>
                @csrf
                <input type="hidden" id="txtFrmId" />
                <div class="row">
                    <div class="col-12">
                        <div class="form-group">
                            <label>Date</label>
                            <input type="text" class="form-control" placeholder="required" name="rate" id="txtFrmDate" disabled />
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-group">
                            <label>Time In</label>
                            <input type="text" class="form-control timepicker" placeholder="required" name="rate" id="txtFrmTimeIn" />
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-group">
                            <label>Time Out</label>
                            <input type="text" class="form-control timepicker" placeholder="required" name="rate" id="txtFrmTimeOut" />
                        </div>
                    </div>
                    {{-- <div class="col-12">
                        <div class="form-group">
                            <label>Rate</label>
                            <select type="number" class="form-control  js-example-basic-single" placeholder="required" name="rate">
                                <option value="Day Rate">15 Days Rate</option>
                                <option value="Night Rate">16 Days Rate</option>
                            </select>
                        </div>
                    </div> --}}
                    @if($deployment->isDayRate)
                    <input type="hidden" name="rate" value="Day" id="txtRate" />
                    @else
                    <input type="hidden" name="rate" value="Night" id="txtRate" />
                    @endif
                    <div class="col-12 mt-3">
                        <div class="ml-4 custom-control-lg custom-control-inline custom-checkbox">
                            <input class="custom-control-input " id="cbPresent" type="checkbox" value="1" />
                            <label class="custom-control-label" for="cbPresent">
                                Present
                            </label>
                        </div>
                        <div class="ml-4 custom-control-lg custom-control-inline custom-checkbox">
                            <input class="custom-control-input " id="cbAbsent" type="checkbox" value="0" />
                            <label class="custom-control-label" for="cbAbsent">
                                Absent
                            </label>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" id="btnConfirmEdit">Save</button>
        </div>
      </div>
    </div>
</div>

{{-- <div class="modal" tabindex="-1" role="dialog" id="mdlCalcBilling">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">CALCULATE BILLING</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">
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label>From Date <small>(Dates within in contract only)</small></label>
                        <input type="text" class="form-control selector" placeholder="required" name="from_date" id="txtFromDate">
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group">
                        <label>To Date <small>(Dates within in contract only)</small></label>
                        <input type="text" class="form-control selector" placeholder="required" name="to_date" id="txtToDate">
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" id="btnCalculate">CALCULATE</button>
        </div>
      </div>
    </div>
</div> --}}

{{-- <div class="modal" tabindex="-1" role="dialog" id="mdlBilling">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">BILLING</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">
            <table class="table">
                <thead class="">
                    <tr>
                        <td colspan="3" id="hdrDates" class="text-secondary"></td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Work Days</td>
                        <td id="twdTotal"></td>
                        <td id="twdTotalAmount"></td>
                    </tr>
                    <tr>
                        <td>Over Time</td>
                        <td id="totTotal"></td>
                        <td id="totTotalAmount"></td>
                    </tr>
                    <tr>
                        <td>Agency Fee</td>
                        <td id="af"></td>
                        <td id="afAmount"></td>
                    </tr>
                    <tr>
                        <td>Employee Share</td>
                        <td id="es"></td>
                        <td id="esAmount"></td>

                    </tr>
                    <tr>
                        <td>Withholding Tax</td>
                        <td id="wt"></td>
                        <td id="wtAmount"></td>
                    </tr>
                    <tr>
                        <td>VAT</td>
                        <td id="vt"></td>
                        <td id="vtAmount"></td>
                    </tr>
                    <tr>
                        <th>Total</th>
                        <td id="gt"></td>
                        <th id="gtAmount"></td>
                    </tr>
                </tbody>
            </table>
            <hr>
            <table class="table">
                <thead class="">
                    <tr>
                        <td colspan="3"><small>Work Days</small></td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Duty Days</td>
                        <td id="wd"></td>
                        <td id="wdAmount"></td>
                    </tr>
                    <tr>
                        <td>Rest Day</td>
                        <td id="rd"></td>
                        <td id="rdAmount"></td>

                    </tr>
                    <tr>
                        <td>Special Holiday</td>
                        <td id="sh"></td>
                        <td id="shAmount"></td>

                    </tr>
                    <tr>
                        <td>Regular Holiday</td>
                        <td id="rh"></td>
                        <td id="rhAmount"></td>
                    </tr>
                    <tr>
                        <td>Double Holiday</td>
                        <td id="dh"></td>
                        <td id="dhAmount"></td>
                    </tr>
                    <tr>
                        <td>RD Special Holiday</td>
                        <td id="shRd"></td>
                        <td id="shRdAmount"></td>

                    </tr>
                    <tr>
                        <td>Rd Regular Holiday</td>
                        <td id="rhRd"></td>
                        <td id="rhRdAmount"></td>
                    </tr>
                    <tr>
                        <td>Rd Double Holiday</td>
                        <td id="dhRd"></td>
                        <td id="dhRdAmount"></td>
                    </tr>
                    <tr>
                        <td>Total</td>
                        <td id="wdTotal"></td>
                        <td id="wdTotalAmount"></td>
                    </tr>
                </tbody>
            </table>
            <hr>
            <table class="table">
                <thead class="">
                    <tr>
                        <td colspan="3"><small>Over Time</small></td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>OT</td>
                        <td id="wdOt"></td>
                        <td id="wdAmountOt"></td>
                    </tr>
                    <tr>
                        <td>RD OT</td>
                        <td id="rdOt"></td>
                        <td id="rdAmountOt"></td>

                    </tr>
                    <tr>
                        <td>SH OT</td>
                        <td id="shOt"></td>
                        <td id="shAmountOt"></td>

                    </tr>
                    <tr>
                        <td>RH OT</td>
                        <td id="rhOt"></td>
                        <td id="rhAmountOt"></td>
                    </tr>
                    <tr>
                        <td>DH OT</td>
                        <td id="dhOt"></td>
                        <td id="dhAmountOt"></td>
                    </tr>
                    <tr>
                        <td>RD SH OT</td>
                        <td id="shRdOt"></td>
                        <td id="shRdAmountOt"></td>

                    </tr>
                    <tr>
                        <td>Rd RH OT</td>
                        <td id="rhRdOt"></td>
                        <td id="rhRdAmountOt"></td>
                    </tr>
                    <tr>
                        <td>Rd Double Holiday</td>
                        <td id="dhRdOt"></td>
                        <td id="dhRdAmountOt"></td>
                    </tr>
                    <tr>
                        <td>Total</td>
                        <td id="totalOt"></td>
                        <td id="totalAmountOt"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" data-dismiss="modal">CLOSE</button>
        </div>
      </div>
    </div>
</div> --}}

<div class="modal" tabindex="-1" role="dialog" id="mdlDelConfirmation">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">CONFIRMATION</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>Are you sure you want to delete <strong id="deletingDate"></strong> entry?</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">CANCEL</button>
          <button type="button" class="btn btn-primary ml-3" id="confirmDelete">DELETE</button>
        </div>
      </div>
    </div>
</div>

@section('script')
    <script>
        $(document).ready(function() {
            let deletingID = null;
            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
                    }
                });
                }
            };

            $(".selector").flatpickr({
                minDate: '{{ $deployment->start_date }}',
                maxDate: '{{ $deployment->end_date }}'
            });

            var modalToTarget = document.getElementById('mdlEditForm');
            flatpickr(".timepicker", {
                onOpen: function(selectedDates, dateStr, instance){
                    modalToTarget.removeAttribute('tabindex');
                },
                onClose: function(selectedDates, dateStr, instance){
                    modalToTarget.setAttribute('tabindex', -1);
                },
                enableTime: true,
                noCalendar: true,
                dateFormat: "H:i",
                time_24hr: true,
            });

            $('.btnEdits').click(function(e) {
                let index = $(this).attr("id");
                index = index.substr(2);

                let getDate = $('#dataDate' + index).html();
                let getTimeIn = $('#dataTimeIn' + index).html();
                let getTimeOut = $('#dataTimeOut' + index).html();
                let getStatus = $('#dataStatus' + index).html();
                //let getRate = $('#dataRate' + index).html();

                $('#txtFrmId').val(index);
                $('#txtFrmDate').val(getDate);
                $('#txtFrmTimeIn').val(getTimeIn);
                $('#txtFrmTimeOut').val(getTimeOut);
                //$('#txtRate').val(getRate);
                //$('#txtRate').trigger('change');

                if(getStatus == 'PRESENT') {
                    $('#cbPresent').prop('checked', true)
                    $('#cbAbsent').prop('checked', false)
                } else {
                    $('#cbPresent').prop('checked', false)
                    $('#cbAbsent').prop('checked', true)
                }

                $('#mdlEditForm').modal('show');
            });

            $('#cbPresent').click(function(){
                $('#cbPresent').prop('checked', true)
                $('#cbAbsent').prop('checked', false)
            });

            $('#cbAbsent').click(function(){
                $('#cbPresent').prop('checked', false)
                $('#cbAbsent').prop('checked', true)
            });

            $('#btnConfirmEdit').click(function(){
                var status = 1;
                var index = $('#txtFrmId').val();
                if($('#cbAbsent').prop('checked')) {
                    status = 0;
                }
                $.ajax({
                    url : '{{ route( 'editDtr' ) }}',
                    data: {
                        '_token': '{{ csrf_token() }}',
                        'id': index,
                        'date': $('#txtFrmDate').val(),
                        'timeIn': $('#txtFrmTimeIn').val(),
                        'timeOut': $('#txtFrmTimeOut').val(),
                        'rate': $('#txtRate').val(),
                        'status': status
                    },
                    type: 'post',
                    dataType: 'json',
                    success: function( result )
                    {
                        $('#dataTimeIn' + index).html($('#txtFrmTimeIn').val());
                        $('#dataTimeOut' + index).html($('#txtFrmTimeOut').val());
                        if(result.ot.includes('-')) {
                            $('#dataOverTime' + index).html('<span class="text-danger">' + result.ot + '</span>');
                        } else {
                            $('#dataOverTime' + index).html(result.ot);
                        }

                        if(result.nighthours.includes('-')) {
                            $('#dataNightHours' + index).html('<span class="text-danger">' + result.nighthours + '</span>');
                        } else {
                            $('#dataNightHours' + index).html(result.nighthours);
                        }

                        if(status == 1) {
                            $('#tdStatus' + index).html(
                                '<span class="badge badge-success" id="dataStatus' + index + '">PRESENT</span>'
                            );
                        } else {
                            $('#tdStatus' + index).html(
                                '<span class="badge badge-secondary" id="dataStatus' + index + '">ABSENT</span>'
                            );
                        }
                        $('#dataHoliday' + index).html(result.holiday);
                        if(result.rate) {
                            $('#dataRate' + index).html('15 Days Rate');
                        } else {
                            $('#dataRate' + index).html('16 Days Rate');
                        }
                        

                        $('#mdlEditForm').modal('hide');
                        notif.showNotification('top','right', 'success', 'Record was updated successfully')
                    },
                    error: function()
                    {
                        notif.showNotification('top','right', 'danger', 'Something went wrong the record was not updated')
                    }
                });

            });

            // $('#txtCalcBilling').click(function(){
            //     $('#mdlCalcBilling').modal('show');

            // });

            // $('#btnCalculate').click(function(){
            //     let fromDate = $('#txtFromDate').val();
            //     let toDate = $('#txtToDate').val();
            //     if(fromDate == '' || toDate == '') {
            //         notif.showNotification('top','right', 'danger', 'From Date and To Date needs to be filled inorder to calculate billing')
            //     } else {
            //         $.ajax({
            //             url : '{{ route( 'calcBilling' ) }}',
            //             data: {
            //                 '_token': '{{ csrf_token() }}',
            //                 'id': {{ $doploymentId }},
            //                 'fromDate': fromDate,
            //                 'toDate': toDate
            //             },
            //             type: 'post',
            //             dataType: 'json',
            //             success: function( result )
            //             {
            //                 loader();
            //                 if(result.code == 200) {
            //                     $('#mdlCalcBilling').modal('hide');

            //                     $('#wd').html(result.wd);
            //                     $('#rd').html(result.wd_rd);
            //                     $('#sh').html(result.wd_special);
            //                     $('#rh').html(result.wd_regular);
            //                     $('#dh').html(result.wd_double);
            //                     $('#shRd').html(result.wd_special_rd);
            //                     $('#rhRd').html(result.wd_regular_rd);
            //                     $('#dhRd').html(result.wd_double_rd);
            //                     $('#wdTotal').html(result.wd_total);

            //                     $('#wdAmount').html(currency(result.wd_amount, {symbol : '₱'}).format());
            //                     $('#rdAmount').html(currency(result.sunday_amount, {symbol : '₱'}).format());
            //                     $('#shAmount').html(currency(result.special_amount, {symbol : '₱'}).format());
            //                     $('#rhAmount').html(currency(result.regular_amount, {symbol : '₱'}).format());
            //                     $('#dhAmount').html(currency(result.double_amount, {symbol : '₱'}).format());
            //                     $('#shRdAmount').html(currency(result.specialRd_amount, {symbol : '₱'}).format());
            //                     $('#rhRdAmount').html(currency(result.regularRd_amount, {symbol : '₱'}).format());
            //                     $('#dhRdAmount').html(currency(result.doubleRd_amount, {symbol : '₱'}).format());
            //                     $('#wdTotalAmount').html(currency(result.total_wd_amount, {symbol : '₱'}).format());

            //                     $('#wdOt').html(result.ot_time);
            //                     $('#rdOt').html(result.sundayOtSeconds_time);
            //                     $('#shOt').html(result.specialOtSeconds_time);
            //                     $('#rhOt').html(result.regularOtSeconds_time);
            //                     $('#dhOt').html(result.doubleOtSeconds_time);
            //                     $('#shRdOt').html(result.specialOtSecondsRd_time);
            //                     $('#rhRdOt').html(result.regularOtSecondsRd_time);
            //                     $('#dhRdOt').html(result.doubleOtSecondsRd_time);
            //                     $('#totalOt').html(result.total_ot_time);

            //                     $('#wdAmountOt').html(currency(result.otAmount, {symbol : '₱'}).format());
            //                     $('#rdAmountOt').html(currency(result.otAmountRd, {symbol : '₱'}).format());
            //                     $('#shAmountOt').html(currency(result.otAmountSpecial, {symbol : '₱'}).format());
            //                     $('#rhAmountOt').html(currency(result.otAmountRegular, {symbol : '₱'}).format());
            //                     $('#dhAmountOt').html(currency(result.otAmountDouble, {symbol : '₱'}).format());
            //                     $('#shRdAmountOt').html(currency(result.otAmountSpecialRd, {symbol : '₱'}).format());
            //                     $('#rhRdAmountOt').html(currency(result.otAmountRegularRd, {symbol : '₱'}).format());
            //                     $('#dhRdAmountOt').html(currency(result.otAmountDoubleRd, {symbol : '₱'}).format());
            //                     $('#totalAmountOt').html(currency(result.total_ot_amount, {symbol : '₱'}).format());

            //                     $('#twdTotal').html(result.wd_total);
            //                     $('#twdTotalAmount').html(currency(result.total_wd_amount, {symbol : '₱'}).format());
            //                     $('#totTotal').html(result.total_ot_time);
            //                     $('#totTotalAmount').html(currency(result.total_ot_amount, {symbol : '₱'}).format());
            //                     $('#afAmount').html(currency(result.agency_fee, {symbol : '₱'}).format());
            //                     $('#esAmount').html(currency(result.employee_share, {symbol : '₱'}).format());
            //                     $('#wtAmount').html(currency(result.withholding_tax, {symbol : '₱'}).format());
            //                     $('#gtAmount').html(currency(result.total_billable_amount, {symbol : '₱'}).format());
            //                     $('#vtAmount').html(currency(result.vat, {symbol : '₱'}).format());


            //                     $('#hdrDates').html(fromDate + ' to ' + toDate)

            //                     $('#mdlBilling').modal('show');
            //                 } else {
            //                     notif.showNotification('top','right', 'danger', 'To Date needs to be after From Date')
            //                 }
            //                 unloader();
            //             },
            //             error: function()
            //             {
            //                 notif.showNotification('top','right', 'danger', 'Something went wrong')
            //             }
            //         });
            //     }

            // });

            $('.btnDeletes').click(function() {
                let index = $(this).attr("id");
                index = index.substr(2);

                let deletingDate = $('#dataDate' + index).html();
                deletingID = index;

                $('#deletingDate').html(deletingDate);
                $('#mdlDelConfirmation').modal('show')
            });

            $('#confirmDelete').click(function() {
                loader();
                $.ajax({
                        url : '{{ route( 'deleteDtr' ) }}',
                        data: {
                            '_token': '{{ csrf_token() }}',
                            'id': deletingID,
                        },
                        type: 'post',
                        dataType: 'json',
                        success: function( result )
                        {
                            if(result.code == 200) {
                                $('#mdlDelConfirmation').modal('hide');
                                $('#generalTR' + deletingID).remove();
                                notif.showNotification('top','right', 'success', 'DTR entry was deleted successfully')
                            } else {
                                notif.showNotification('top','right', 'danger', 'Something went wrong. DTR entry was NOT deleted')
                            }
                            unloader();
                        },
                        error: function()
                        {
                            notif.showNotification('top','right', 'danger', 'Something went wrong')
                        }
                    });
            })
        });
    </script>
@endsection
@endsection