@extends('layouts.main_without_top_button')
@section('title')
    Route Profile:Loading Details
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('drivers_management.index')}}">Drivers Management</a> <span class="divider">/</span></li>
        <li><a href="{{route('drivers_management.show',['id'=>$trip_detail->driver_id])}}">Driver Profile</a><span class="divider">/</span>
        </li>
        <li class="active">{{$trip_detail->driver}} Profile</li>
    </ul>
@stop
@section('contentinner')
    <div class="tabbable">
        <div class="row-fluid" style="margin-bottom: 8px">
            <div class="span6  profile-left">
                <table class="table table-bordered table-invoice">
                    <tr>
                        <td class="width30" style="text-align: right">Full Name:</td>
                        <td class="width40">{{$trip_detail->driver}}</td>
                    </tr>
                    <tr>
                        <td class="width30" style="text-align: right">Truck No.:</td>
                        <td class="width40">{{$trip_detail->truck}} </td>
                    </tr>
                    <tr>
                        <td class="width30" style="text-align: right">Destination.:</td>
                        <td class="width40">{{$trip_detail->destination}}</td>
                    </tr>
                </table>
            </div><!--span6-->
            <div class="span6  profile-left">
                <table class="table table-bordered table-invoice">
                    <tr>
                        <td class="width30" style="text-align: right">Previous Balance:</td>
                        <td class="width30"> Tsh {{ number_format($driver->receivable_amount,2) }}</td>
                    </tr>
                    <tr>
                        <td class="width30" style="text-align: right">Current:</td>
                        <td class="width40">Tsh {{ number_format($trip_detail->driver_loss_amount)}}</td>
                    </tr>
                    <tr>
                        <td class="width30" style="text-align: right">Total Loss:</td>
                            <td class="width30">Tsh {{ number_format($driver->receivable_amount+$trip_detail->driver_loss_amount,2) }}</td>
                    </tr>
                </table>
            </div><!--span6-->
        </div><!--row-fluid-->
        
        <ul class="nav nav-tabs" style="margin-top: 0px">
            <li class="">
                <a href="{{ route('operations.drivers_management.driver_losses.show', [
                'driver_id'=>$driver->employee_id,
                'loading_order_item_id'=>$trip_detail->loading_order_item_id
                ]) }}">
                    Main</a>
            </li>
            {{--<li class=""><a href="">Documents</a></li>--}}
        </ul>
        <div class="tab-content">
            <div id="glyphs" class="tab-pane active" style="min-height: 450px">
                <div class="row-fluid">
                    <div class="span12">

                        @if($loan_application)

                        <div class="tab-content">
                            {{--<div id="glyphs" class="tab-pane active">--}}
                                <div class="row-fluid">
                                    <div class="span12">

                                                <p>
                                                    <strong>Remarks</strong>: {{$loan_application->remarks}}
                                                </p>


                                                <table class="table table-striped table-condensed table-bordered" style="width: 98%">
                                                    <thead>
                                                    <tr>
                                                        <th>Recovery Method</th>
                                                        <th>Recovery Amount</th>
                                                        <th>Recovery Rate</th>
                                                        <th>Activation Date</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach($loan_application->loanRecoveryPlans as $index=>$loan_recovery_plan)
                                                        <tr>
                                                            <td>{{$loan_recovery_plan->plan_type}}</td>
                                                            <td>{{number_format($loan_recovery_plan->amount,2)}}</td>
                                                            <td>{{number_format($loan_recovery_plan->rate,2)}}</td>
                                                            <td>{{\Carbon\Carbon::parse($loan_recovery_plan->start_date)->toFormattedDateString()}}</td>
                                                        </tr>
                                                    @endforeach

                                                    </tbody>
                                                </table>

                                    </div>
                                </div>

                                <div class="row-fluid">&nbsp;</div>

                                <div class="row-fluid">
                                    <div class="span10">
                                        <form action='{{ route("drivers_management.driver_losses.manage.approval", $loan_application->id) }}' method="post" id="debt_recovery_plan">
                                            {{ csrf_field() }}
                                            <textarea rows="2" name="remarks" class="span12" placeholder="Remarks"></textarea>
                                        </form>
                                    </div>
                                    <div class="span2">
                                        <div class="msghead">
                                            <ul class="msghead_menu">
                                                <li class="right btn-group">

                                                    @if($loan_application->latest_progress->approval_chain_level_id == \Auth::user()->getMyApprovalLevel(9))
                                                    <a class="btn" id="debt_recovery_plan_save">
                                                        <span class="iconsweets-printer"></span> Approve
                                                    </a>
                                                    @endif
                                                </li>
                                            </ul>
                                            <span class="clearall"></span>
                                        </div>
                                    </div>
                                </div>


                            {{--</div><!--tab-pane-->--}}
                        </div>

@else
                        <form action="{{ route('operations.drivers_management.driver_losses.store') }}" method="post" id="debt_recovery_plan">
                            <input type="hidden" name="employee_id" value="{{ $trip_detail->driver_id }}">
                            <input type="hidden" name="loading_order_item_id" value="{{ $trip_detail->loading_order_item_id }}">

                            <div class="row-fluid">
                                <div class="span12">
                                    <div class="row-fluid" style="margin-top: 4px">
                                        <div class="span6">
                                            <label class="span4">Loan Type</label>
                                            <div class="field span8">
                                                    <select name="loan_type_id" style="width: 100%" class="searchable_select">
                                                        @foreach($loan_types as $loan_type)
                                                            <option value="{{$loan_type->id}}">{{$loan_type->name}}</option>
                                                            @endforeach
                                                    </select>
                                            </div>
                                        </div>
                                        <div class="span6">
                                            <label class="span4">Loan Amount</label>
                                            <div class="field span8">
                                            <input type="text" name="loan_amount" class="span12" id="driver_loss_amount" value="{{ number_format($trip_detail->driver_loss_amount,2) }}" style="text-align: right">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span12">
                                    <div class="row-fluid" style="margin-top: 4px">
                                        <div class="span6">
                                            <label class="span4">Salary Outstanding</label>
                                            <div class="field span8">
                                                <input type="text" name="salary_cash_outstanding" class="span12" id="salary_cash_outstanding" value="" style="text-align: right">
                                            </div>
                                        </div>
                                        <div class="span6">
                                            <label class="span4">Reason</label>
                                            <div class="field span8">
                                                <textarea rows="3" name="reason" type="text" class="span12" >Driver's loss for the order with following detail:- Loading Date / DO N#: {{$trip_detail->loading_date}} / {{$trip_detail->d_o_number}}; Client:{{$trip_detail->client_code}}; Product:{{$trip_detail->product}}; Destination:{{$trip_detail
                   ->destination}}; Loss: {{$trip_detail->driver_loss}}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span12">
                                    <h3>Recovery</h3>

                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th>Method</th>
                                            <th>Recovery Amount</th>
                                            <th>Recovery Rate</th>
                                            <th>Start Date</th>
                                        </tr>
                                        </thead>

                                        <tbody>
                                        @foreach($loan_recovery_methods as $loan_recovery_method)
                                        <tr>
                                            <td>
                                                <select style="width: 100%" name="loan_recovery_method_id[]" class="searchable_select">

                                                        <option value="{{$loan_recovery_method->id}}">{{$loan_recovery_method->name}}</option>

                                                </select>
                                            </td>
                                            <td>
                                                <input type="text" style="text-align: right" name="recovery_amount[]" id="" class="span12 number planning_amount salary_recovery_amount " value="0">
                                            </td>
                                            <td>
                                                <input type="text" style="text-align: right" name="recovery_rate[]" id="" class="span12 number planning_amount salary_recovery_rate" value="0">
                                            </td>
                                            <td>
                                                <input type="text" name="recovery_date[]" class="span12 datepickers " required autocomplete="off"/>
                                            </td>
                                            <tr/>
                                            @endforeach

                                        </tbody>
                                        <tfoot>
                                        <tr>
                                            <td></td>
                                            <td id="total_amount" style="text-align: right"></td>
                                            <td></td>
                                            <td></td>
                                        <tr/>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span12">
                                    <div class="row-fluid" style="margin-top: 4px">
                                        <div class="span12">
                                            <label class="span2">Disciplinary Action :</label>
                                            <div class="field span10">
                                                <textarea rows="3" name="remarks" type="text" class="span12" ></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="msghead">
                                <ul class="msghead_menu">
                                    <li class="right btn-group">
                                        <a class="btn" id="debt_recovery_plan_save">
                                            <span class="iconsweets-printer"></span> SAVE
                                        </a>
                                    </li>
                                </ul>
                                <span class="clearall"></span>
                            </div><!--msghead-->
                        </form>
                            @endif
                    </div>
                </div>


            </div><!--tab-pane-->
        </div>
    </div>
    
    <script>
        jQuery('.datepickers').datepicker();
        jQuery('.searchable_select').select2();

        jQuery('.salary_recovery_amount').on('keyup change', function (event) {

             var total_amount = 0;

             jQuery('.salary_recovery_amount').each(function () {
                 total_amount += parseFloat(removeComma($(this).val()));
             });

            jQuery('#total_amount').html(total_amount.toLocaleString());
        });
        

        
        jQuery('.number').keyup(function (event) {
            // skip for arrow keys
            if (event.which >= 37 && event.which <= 40) return;
            // format number
            jQuery(this).val(function (index, value) {
                var parts = value.toString().split(".");

                parts[0] = parts[0].replace(/\D/g, "")
                    .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                return parts.join(".");
            });
        });

        var debt_recovery_plan_form = jQuery('#debt_recovery_plan');

        jQuery('#debt_recovery_plan_save').click(function () { debt_recovery_plan_form.submit(); });
        debt_recovery_plan_form.on('submit', function (e) {
            e.preventDefault();
            
            jQuery.ajax({
                url: debt_recovery_plan_form.attr('action'),
                type: debt_recovery_plan_form.attr('method'),
                data: debt_recovery_plan_form.serialize(),
                beforeSend: function () { startSpinner(); },
                success: function (data) {
                    onAjaxSuccess(data);
                    if(data.state == 'Done') setTimeout(function() {  window.location.assign('{{ route("driver_losses_management.index") }}'); }, 2000);
                },
                error: function (xhr, textStatus, error) { onAjaxError(xhr, textStatus, error); },
                complete: function () { stopSpinner(); }
            });
        });



        jQuery('#cash_recovery_amount').on('keyup change', function (event) {
            var cash_recovery_amount = parseInt(removeComma(jQuery(this).val()));

            var driver_loss_amount = parseInt(removeComma(jQuery('#driver_loss_amount').val()));
            var salary_recovery_amount = parseInt(removeComma(jQuery('#salary_recovery_amount').val()));
            var mileage_recovery_amount = parseInt(removeComma(jQuery('#mileage_recovery_amount').val()));

            var total_allocated_recovery_amount = driver_loss_amount - (salary_recovery_amount + mileage_recovery_amount + cash_recovery_amount);
            jQuery('.total_allocated_recovery_amount').html(total_allocated_recovery_amount.toLocaleString());
        });

        jQuery('#mileage_recovery_amount').on('keyup change', function (event) {
            var mileage_recovery_amount = parseInt(removeComma(jQuery(this).val()));

            var driver_loss_amount = parseInt(removeComma(jQuery('#driver_loss_amount').val()));
            var salary_recovery_amount = parseInt(removeComma(jQuery('#salary_recovery_amount').val()));
            var cash_recovery_amount = parseInt(removeComma(jQuery('#cash_recovery_amount').val()));

            var total_allocated_recovery_amount = driver_loss_amount - (salary_recovery_amount + mileage_recovery_amount + cash_recovery_amount);
            jQuery('.total_allocated_recovery_amount').empty().html(total_allocated_recovery_amount.toLocaleString());
        });
    </script>
@stop