@extends('layouts.main', ['title' => 'ROUTE BUDGETING'])
@section('title') ROUTE BUDGETING @stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('financial_management.route_expenses.index')}}">Route Expenses</a> <span
                    class="divider">/</span></li>
        <li class="active">{{$route->route}}</li>
    </ul>
@stop
@section('msghead_menu')@endsection
@section('contentinner')

    {{--*/ $exchange_rate = 2200 /*--}}
    {{--*/ $general_total = 0 /*--}}
    {{--*/ $cost_total_usd = 0 /*--}}
    <input type="hidden" name="route_id" value="{{$route->id}}">
    <div class="row-fluid">
        <div class="span12 expenses">
            <h4 class="widgettitle nomargin shadowed">GENERAL EXPENSES</h4>
            <div class="widgetcontent bordered shadowed">
                <input type="hidden" class="cargo_type" value="ALL">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="tabs">
                            <ul class="tabs">
                                {{--<li><a href="#tabs-1">Loading Expenses </a></li>--}}
                                <li><a href="#tabs-2">Border Expenses</a></li>
                                @if(sizeof($permits))
                                    <li><a href="#tabs-3">Prepaid Expenses</a></li>
                                @endif
                                <li><a href="#tabs-4">Forecasting Expenses</a></li>

                            </ul>
                            {{--<div id="tabs-1" class="expenses">--}}
                               {{----}}
                            {{--</div>--}}
                            <div id="tabs-2">
                                @foreach($route->routeBorders as $route_border)
                                    <div class="row-fluid">
                                        <div class="span12">
                                            <h4>{{$route_border->border->name}} <span
                                                        onclick="editOld('{{ route('financial_management.route_expenses.edit', $route_border->id) }}')"
                                                        class="icon icon-pencil pull-right"
                                                        title="Edit Expenses"></span></h4>
                                            <table style="margin-bottom: 3px;margin-top: 3px;width:100%;"
                                                   class="table table-condensed table_edit_add">
                                                <thead>
                                                <tr>
                                                    <th>Expenses</th>
                                                    <th>Currency</th>
                                                    <th>Amount</th>
                                                    <th>Action</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @foreach($route_border->expenses as $border_expense)
                                                    <tr>
                                                        <td>{{$border_expense->account->name}}</td>
                                                        <td>{{$border_expense->currency}}</td>
                                                        <td>{{number_format($border_expense->amount, 2)}}</td>
                                                        <td></td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            @if(sizeof($permits))
                                <div id="tabs-3">
                                    <div class="row-fluid">
                                        <div class="span12">
                                            <table style="margin-bottom: 3px;margin-top: 3px;width:100%;"
                                                   class="table table-condensed table_edit_add">
                                                <thead>
                                                <tr>
                                                    <th colspan="2" style="font-size: 14px">
                                                        Insurances/Permits/Licences
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <th>Name</th>
                                                    <th>Border</th>
                                                    <th></th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @foreach($permits as $permit)
                                                    <tr>
                                                        <td>{{$permit->name}}</td>
                                                        <td>
                                                            <select class="searchable_select " name="border_id">
                                                                <option value=""></option>
                                                                @foreach($route->routeBorders as $border)
                                                                <option value="{!! $border->border_id !!}" {!! $route->hasPermitBorder($permit->id,$border->border_id)?"selected":"" !!}>{!! $border->border->name !!}</option>
                                                                @endforeach
                                                            </select>
                                                        </td>
                                                        <td>
                                                            <input type="checkbox" class="permit_check_box" name="route_default_permit[]" {!! $route->hasPermit($permit->id)?"checked":"" !!} value="{{$permit->id}}"/>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                </div>
                            @endif
                            <div id="tabs-4">
                                <div class="row-fluid">
                                    <div class="span12">
                                        <h4><span class="icon icon-pencil pull-right" title="Edit Expenses"
                                                  id="forecasting_expenses"></span></h4>
                                        <form id="route_forecasting_expenses_form">
                                            <table style="margin-bottom: 3px;margin-top: 3px;width:100%;"
                                                   class="table table-condensed table_edit_add">
                                                <thead>
                                                <tr>
                                                    <th>Name</th>
                                                    <th>Cargo Type</th>
                                                    <th>Currency</th>
                                                    <th>Amount</th>
                                                    <th>Descriptions</th>
                                                    <th>Action</th>
                                                </tr>
                                                </thead>
                                                <tbody id="body_forecasting_expenses">
                                                @foreach($route->routeForecastingExpenses as $route_forecasting_expense)
                                                    <tr>
                                                        <td>{{$route_forecasting_expense->account->name}}</td>
                                                        <td>{{$route_forecasting_expense->cargo_type}}</td>
                                                        <td>{{$route_forecasting_expense->currency}}</td>
                                                        <td>{{$route_forecasting_expense->amount}}</td>
                                                        <td>{{$route_forecasting_expense->descriptions}}</td>
                                                        <td></td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                        </form>
                                        <button class="btn btn-mini add_forecasting_expenses hide">Add Cost</button>
                                        <button class="btn btn-mini save_forecasting_expenses hide">SAVE CHANGES
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!--details-->
        </div><!--details-->
    </div>

    @foreach($company_cargo_types as $company_cargo_type)
        <div class="row-fluid">
            <div class="span12 expenses">
                <h4 class="widgettitle nomargin shadowed">{{ucwords($company_cargo_type->name)}}</h4>
                <div class="widgetcontent bordered shadowed">
                    <input type="hidden" class="cargo_type" value="{{$company_cargo_type->type}}">
                    <div class="row-fluid">
                        <div class="span12">
                            <div class="cargo_type_tabs">
                                {{--*/ $type = $company_cargo_type->type /*--}}
                                {{--*/ $cost_total = $general_total /*--}}
                                {{--*/ $permits = \App\Model\Permit::where('type',$type)->get() /*--}}

                                <div class="tabs">
                                    <ul class="tabs">
                                        <li><a href="#tabs-1">Operating Expenses </a></li>
                                        @if(sizeof($permits))
                                            <li><a href="#tabs-2">Prepaid Expenses</a></li>
                                        @endif
                                        {{--*/ $route_cargo_detail = $route->routeCargoDetail()->where('type',$company_cargo_type->type)->first() /*--}}
                                        @if(sizeof($route_cargo_detail->routeReturningCargoDetails)>0)
                                            {{--*/ $i=1 /*--}}
                                            @foreach($route_cargo_detail->routeReturningCargoDetails as $index=> $route_returning_cargo_detail)
                                                {{--*/  $tab_number=2+$i /*--}}
                                                <li><a href="#tabs-{{$tab_number}}">RETURN CARGO EXPENSES
                                                        ({{$route_returning_cargo_detail->loadingCity->name}})</a></li>
                                                {{--*/  $i++ /*--}}
                                            @endforeach
                                        @endif
                                    </ul>

                                        <div id="tabs-1">
                                            <div class="row-fluid">
                                                <div class="span12 route_cargo_expenses">
                                                    {{--<div class="span12 route_returning_cargo_details">--}}
                                                    <h4><a class="btn btn-mini edit_route_expenses">
                                                            <span class="icon icon-pencil pull-right"
                                                                  title="Edit Expenses"></span>
                                                        </a></h4>
                                                    <form id="route_expenses_form" class="route_expenses_form">
                                                        <input type="hidden" name="cargo_type"
                                                               class="route_cargo_expense_type"
                                                               value="{{$type}}">
                                                        <table class="table table-striped table-condensed logistics_table">
                                                            <thead>
                                                            <tr>
                                                                <th>Expenses Account</th>
                                                                <th>Currency</th>
                                                                <th>Amount</th>
                                                                <th>&nbsp;</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody class="body_route_expenses">
                                                            @foreach($route->routeExpenses()->whereIn('cargo_type',[$type])->get() as $route_expense)
                                                                <tr>
                                                                    <td style="text-align: left;border-left: 0;width: 80%">{{$route_expense->cost_name}}</td>
                                                                    <td>{{$route_expense->currency}}</td>
                                                                    <td style="text-align: left;border-left: 0">{{number_format($route_expense->amount)}}</td>
                                                                    <td style="width:12px;">
                                                                        <a class="remove_cost_row"><i
                                                                                    class="icon-minus-sign"
                                                                                    style="font-size: 18px;marging-top:2px"></i>
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                                {{--*/ $cost_total += $route_expense->amount /*--}}
                                                            @endforeach
                                                            </tbody>
                                                        </table>
                                                    </form>
                                                    <button class="btn btn-mini add_route_expenses hide">Add
                                                        Cost
                                                    </button>
                                                    <button class="btn btn-mini save_route_expenses hide">SAVE
                                                        CHANGES
                                                    </button>
                                                    <div class="row-fluid">
                                                        <hr style="margin-bottom: 0px"/>&nbsp;
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @if(sizeof($permits))
                                        <div id="tabs-2">
                                            <div class="row-fluid">
                                                <div class="span12">

                                                    <table style="margin-bottom: 3px;margin-top: 3px;width:100%;"
                                                           class="table table-condensed table_edit_add">
                                                        <thead>
                                                        <tr>
                                                            <th colspan="2" style="font-size: 14px">
                                                                Insurances/Permits/Licences
                                                            </th>
                                                        </tr>
                                                        <tr>
                                                            <th>Name</th>
                                                            <th>Border</th>
                                                            <th></th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach($permits as $permit)
                                                            <tr>
                                                                <td>{{$permit->name}}</td>
                                                                <td>
                                                                    <select class="searchable_select " name="border_id">
                                                                        <option value=""></option>
                                                                        @foreach($route->routeBorders as $border)
                                                                            <option value="{!! $border->border_id !!}" {!! $route->hasPermitBorder($permit->id,$border->border_id)?"selected":"" !!}>{!! $border->border->name !!}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </td>
                                                                <td>
                                                                    <input type="checkbox" class="permit_check_box"
                                                                           name="route_default_permit[]"
                                                                           {!! $route->hasPermit($permit->id)?"checked":"" !!}
                                                                           value="{{$permit->id}}"/>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>

                                        </div>
                                    @endif
                                    @if(sizeof($route_cargo_detail->routeReturningCargoDetails)>0)
                                        {{--*/ $i=1 /*--}}
                                        @foreach($route_cargo_detail->routeReturningCargoDetails as $index=> $route_returning_cargo_detail)
                                            {{--*/  $tab_number=2+$i /*--}}
                                            <div id="tabs-{{$tab_number}}">
                                                <div class="row-fluid">
                                                    <div class="span12 route_returning_cargo_details">
                                                        <input type="hidden" class="route_returning_cargo_detail_id"
                                                               value="{{$route_returning_cargo_detail->id}}">
                                                        <h4><span class="icon icon-pencil pull-right route_returning_cargo_detail"
                                                                  title="Edit Expenses"
                                                                  id="route_returning_cargo_detail{{$route_returning_cargo_detail->id}}"></span></h4>
                                                        <form class="route_return_expenses_form">
                                                            <table style="margin-bottom: 3px;margin-top: 3px;width:100%;"
                                                                   class="table table-condensed table_edit_add">
                                                                <thead>
                                                                <tr>
                                                                    <th>Name</th>
                                                                    <th>Currency</th>
                                                                    <th>Amount</th>
                                                                    <th>Descriptions</th>
                                                                    <th>Action</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody class="body_route_returning_cargo_expenses">
                                                                @foreach($route_returning_cargo_detail->returnExpenses as $return_expense)
                                                                    <tr>
                                                                        <td>{{$return_expense->account->name}}</td>
                                                                        <td>{{$return_expense->currency}}</td>
                                                                        <td>{{$return_expense->amount}}</td>
                                                                        <td>{{$return_expense->descriptions}}</td>
                                                                        <td></td>
                                                                    </tr>
                                                                @endforeach
                                                                </tbody>
                                                            </table>

                                                        <button class="btn btn-mini add_return_expenses hide">Add Cost
                                                        </button>
                                                        <button class="btn btn-mini save_return_expenses hide">SAVE
                                                            CHANGES
                                                        </button>
                                                        </form>
                                                    </div>
                                                </div>

                                            </div>
                                            {{--*/  $i++ /*--}}
                                        @endforeach
                                    @endif
                                </div>


                            </div><!--span6-->
                        </div>
                    </div>
                </div>
            </div><!--details-->
        </div>
    @endforeach



    <script>
        jQuery('#forecasting_expenses').on('click', function (event) {
            event.preventDefault();
            var url = "{{route('financial_management.forecasting_expenses.edit',[':id'])}}";
            url = url.replace(":id", '{{$route->id}}');
            jQuery.ajax({
                url: url,
                type: 'get',
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    jQuery('#body_forecasting_expenses').empty().append(data);
                    jQuery('.add_forecasting_expenses').show();
                    jQuery('.save_forecasting_expenses').show();
                    jQuery('#forecasting_expenses').hide();

                    jQuery('.save_forecasting_expenses').on('click', function () {
                        var form_data = jQuery('#route_forecasting_expenses_form').serialize();
                        var url_post = "{{route('financial_management.forecasting_expenses.store',[':id'])}}";
                        url_post = url_post.replace(":id", '{{$route->id}}');
                        jQuery.ajax({
                            url: url_post,
                            type: 'POST',
                            data: form_data,
                            beforeSend: function () {
                                startSpinner();
                            },
                            success: function (data) {
                                jQuery('#body_forecasting_expenses').empty().append(data);
                                jQuery('.add_forecasting_expenses').hide();
                                jQuery('.save_forecasting_expenses').hide();
                                jQuery('#forecasting_expenses').show();
                                stopSpinner();
                            },
                            error: function (xhr, textStatus, error) {
                                onAjaxError(xhr, textStatus, error);
                            },
                            complete: function () {
                                stopSpinner();
                            }
                        });
                    });

                    jQuery('.add_forecasting_expenses').on('click', function () {
                        var response = jQuery('#forecasting_template').clone();
                        response.removeClass('hide');
                        response.find('select[name="account_id[]"]').select2();
                        response.find('select[name="currency[]"]').select2();
                        response.find('input[name="cargo_type[]"]').select2();
                        response.find('input[name="amount[]"]').addClass('amount number');
                        jQuery('#body_forecasting_expenses').append(response);
                    });
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
        });

        jQuery('.route_returning_cargo_detail').on('click', function (event) {
            event.preventDefault();

            var route_returning_cargo_details = jQuery(this).closest('.route_returning_cargo_details');
            var route_returning_cargo_detail_id = route_returning_cargo_details.find('.route_returning_cargo_detail_id').val();
            var body_route_returning_cargo_expenses = route_returning_cargo_details.find('.body_route_returning_cargo_expenses');
            var add_return_expenses = route_returning_cargo_details.find('.add_return_expenses');
            var save_return_expenses = route_returning_cargo_details.find('.save_return_expenses');
            var route_return_expenses_form = route_returning_cargo_details.find('.route_return_expenses_form');
            var url = "{{route('financial_management.routes.returning_cargo_expenses.edit',[':route_returning_cargo_detail_id'])}}";
            var url_store = "{{route('financial_management.routes.returning_cargo_expenses.store',[':route_returning_cargo_detail_id'])}}";
            url = url.replace(":route_returning_cargo_detail_id", route_returning_cargo_detail_id);
            url_store = url_store.replace(":route_returning_cargo_detail_id", route_returning_cargo_detail_id);
//
            jQuery.ajax({
                url: url,
                type: 'get',
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    body_route_returning_cargo_expenses.empty().append(data);
                    add_return_expenses.show();
                    save_return_expenses.show();

                    save_return_expenses.on('click', function (e) {
                        e.preventDefault();
                        var form_data = route_return_expenses_form.serialize();
                        jQuery.ajax({
                            url: url_store,
                            type: 'POST',
                            data: form_data,
                            beforeSend: function () {
                                startSpinner();
                            },
                            success: function (data) {
                                body_route_returning_cargo_expenses.empty().append(data);
                                add_return_expenses.hide();
                                save_return_expenses.hide();
                                stopSpinner();
                            },
                            error: function (xhr, textStatus, error) {
                                onAjaxError(xhr, textStatus, error);
                            },
                            complete: function () {
                                stopSpinner();
                            }
                        });
                    });

                    add_return_expenses.on('click', function (e) {
                        e.preventDefault();
                        var response = jQuery('#return_expenses_template').clone();
                        response.removeClass('hide');
                        response.find('select[name="account_id[]"]').select2();
                        response.find('select[name="currency[]"]').select2();
                        response.find('input[name="amount[]"]').addClass('amount number');
                        body_route_returning_cargo_expenses.append(response);
                    });
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
        });

        jQuery('.edit_route_expenses').on('click', function (event) {
            event.preventDefault();
            var route_returning_cargo_details = jQuery(this).closest('.route_cargo_expenses');
            var route_cargo_expense_type = route_returning_cargo_details.find('.route_cargo_expense_type').val();
            var add_route_expenses = route_returning_cargo_details.find('.add_route_expenses');
            var save_route_expenses = route_returning_cargo_details.find('.save_route_expenses');
            var body_route_expenses = route_returning_cargo_details.find('.body_route_expenses');

            var url = "{{route('financial_management.route_expense.edit',[':route_id'])}}";
            var url_store = "{{route('financial_management.route_expenses.store',[':route_id'])}}";
            url = url.replace(":route_id", '{{$route->id}}');
            url_store = url_store.replace(":route_id", '{{$route->id}}');
//
            jQuery.ajax({
                url: url,
                type: 'get',
                data: {
                    cargo_type: route_cargo_expense_type
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    body_route_expenses.empty().append(data);
                    add_route_expenses.show();
                    save_route_expenses.show();


                    save_route_expenses.on('click', function (e) {
                        e.preventDefault();
                        var route_returning_cargo_details = jQuery(this).closest('.route_cargo_expenses');
                        var route_expenses_form = route_returning_cargo_details.find('.route_expenses_form');
//                        var form_data = jQuery('#route_expenses_form').serialize();
                        var form_data = route_expenses_form.serialize();
//                        alert(route_cargo_expense_type);
                        jQuery.ajax({
                            url: url_store,
                            type: 'POST',
                            data: form_data,
//                            data: route_expenses_form.serialize(),
                            beforeSend: function () {
                                startSpinner();
                            },
                            success: function (data) {
                                body_route_expenses.empty().append(data);
                                add_route_expenses.hide();
                                save_route_expenses.hide();
                                stopSpinner();
                            },
                            error: function (xhr, textStatus, error) {
                                onAjaxError(xhr, textStatus, error);
                            },
                            complete: function () {
                                stopSpinner();
                            }
                        });
                    });

                    add_route_expenses.on('click', function (e) {
                        e.preventDefault();
                        var response = jQuery('#route_expenses_template').clone();
                        response.removeClass('hide');
                        response.find('select[name="account_id[]"]').select2();
                        response.find('select[name="currency[]"]').select2();
                        response.find('input[name="amount[]"]').addClass('amount number');
                        body_route_expenses.append(response);
                    });
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
        });

        removeExpense();
        function removeExpense() {
            jQuery('.remove_cost_row').on('click', function () {
                var tr = jQuery(this).closest('tr');

                swal({
                        title: "Are you sure?",
                        text: "You will not be able to recover this record!",
                        type: "warning",
                        showCancelButton: true,
                        confirmButtonColor: "#DD6B55",
                        confirmButtonText: "Yes, delete it!",
                        closeOnConfirm: true
                    },
                    function () {
                        var route_expense_id = tr.find('.route_expense_id').val();
                        var route_id = tr.find('.route_id').val();

                        var url = "{{route('financial_management.route_expenses.destroy',[':id',':route_expense_id'])}}";
                        url = url.replace(":id", route_id);
                        url = url.replace(":route_expense_id", route_expense_id);
                        jQuery.ajax({
                            url: url,
                            type: 'DELETE',
                            beforeSend: function () {
                                startSpinner();
                            },
                            success: function (data) {
                                onAjaxSuccess(data);
                                tr.remove();
                            },
                            error: function (xhr, textStatus, error) {
                                onAjaxError(xhr, textStatus, error);
                            },
                            complete: function () {
                                stopSpinner();
                            }
                        });
                        {{--var total_operating_cost_tsh = 0;--}}
                        {{--jQuery('.operating_cost').each(function () {--}}
                        {{--if (this.value !== '') {--}}
                        {{--total_operating_cost_tsh += parseFloat(this.value.replace(',', '').replace(',', '').replace(',', '').replace(',', ''));--}}
                        {{--}--}}
                        {{--});--}}
                        {{--var total_operating_cost_usd = total_operating_cost_tsh / parseFloat('{{$exchange_rate}}');--}}
                        {{--jQuery('.total_operating_cost_usd_input').val(total_operating_cost_usd.toLocaleString());--}}
                        {{--jQuery('.total_operating_cost_tsh_input').val(total_operating_cost_tsh.toLocaleString());--}}
                        {{--jQuery('.total_operating_cost_tsh').html(total_operating_cost_tsh.toLocaleString());--}}
                        {{--jQuery('.total_operating_cost_usd').html(total_operating_cost_usd.toLocaleString());--}}
                    });
            });
        }


        jQuery('.add_on_route_cost').on('click', function (event) {
            event.preventDefault();
            var add_on_route_cost = jQuery(this);
            var expense = add_on_route_cost.closest('.expenses');
            var on_route_cost_more_added = expense.find('.on_route_cost_more_added');
            var cargo_type = expense.find('.cargo_type').val();
            var response = jQuery('#on_route_cost_template').find('tr').clone();
            response.find('select[name="account_id[]"]').attr('name', 'account_id[' + cargo_type + '][]').addClass('account_id').select2();
            response.find('input[name="type[]"]').attr('name', 'type[' + cargo_type + '][]').attr('value', cargo_type).addClass('type');
            response.find('select[name="currency[]"]').attr('name', 'currency[' + cargo_type + '][]').addClass('currency').select2();
            response.find('input[name="amount[]"]').attr('name', 'amount[' + cargo_type + '][]').attr('value', 0).addClass('amount number');
            response.find('input[name="account_id_old[]"]').attr('name', 'account_id_old[' + cargo_type + '][]');
            response.find('a').addClass('remove_cost_row');

            on_route_cost_more_added.append(response);
            numberFormat();
            saveChanges();
            removeExpense();
        });

        jQuery('.save_on_route_cost').on('click', function (event) {
            event.preventDefault();
            var add_on_route_cost = jQuery(this);
            var expenses_form = add_on_route_cost.closest('.expenses_form');
            jQuery.ajax({
                url: '{{route('financial_management.route_expenses.store',['id'=>$route->id])}}',
                type: 'POST',
                data: expenses_form.serialize(),
                success: function (data) {
//                    tr.empty().append(data);
                }
            })

        });


        saveChanges();

        function saveChanges() {
            $('.account_id1, .currency1, .amount1').on('change', function () {
                var tr = $(this).closest('tr');
                var account_id = tr.find('.account_id').val();
                var amount_with_comma = tr.find('.amount').val();
                var amount = parseFloat(removeComma(amount_with_comma));
                var currency = tr.find('.currency').val();
                var type = tr.find('.type').val();
                alert(amount);
                if ((account_id.length) & (amount > 0) & (currency.length) & (type.length)) {
                    jQuery.ajax({
                        url: '{{route('financial_management.route_expenses.store',['id'=>$route->id])}}',
                        type: 'POST',
                        data: {
                            account_id: account_id,
                            amount: amount,
                            currency: currency,
                            type: type
                        },
                        success: function (data) {
                            tr.empty().append(data);
                        }
                    })
                }


            });
        }

        jQuery('.tabs').tabs();
        jQuery('#add_direct_cost').on('click', function (event) {
            event.preventDefault();
            var add_on_route_cost = jQuery(this);
            //        var expense = add_on_route_cost.closest('.expenses');
            var on_route_cost_more_added = jQuery('.on_route_cost_more_added');
            //        var on_route_cost_more_added = expense.find('.on_route_cost_more_added');
            //        var cargo_type = expense.find('.cargo_type').val();
            var response = jQuery('#on_route_cost_template').find('tr').clone();
            response.find('select[name="account_id[]"]').attr('name', 'account_id[]').select2();
            response.find('select[name="currency[]"]').attr('name', 'currency[]').select2();
            response.find('input[name="amount[]"]').attr('name', 'amount[]').addClass('number operating_cost');
            response.find('input[name="account_id_old[]"]').attr('name', 'account_id_old[]');

            on_route_cost_more_added.append(response);
            numberFormat();
            jQuery('.operating_cost').on('change keyup', function () {
                var total_operating_cost_tsh = 0;
                jQuery('.operating_cost').each(function () {
                    if (this.value !== '') {
                        total_operating_cost_tsh += parseFloat(this.value.replace(',', '').replace(',', '').replace(',', '').replace(',', ''));
                    }
                });
                var total_operating_cost_usd = total_operating_cost_tsh / parseFloat('{{$exchange_rate}}');
                jQuery('.total_operating_cost_usd_input').val(total_operating_cost_usd.toLocaleString());
                jQuery('.total_operating_cost_tsh_input').val(total_operating_cost_tsh.toLocaleString());
                jQuery('.total_operating_cost_tsh').html(total_operating_cost_tsh.toLocaleString());
                jQuery('.total_operating_cost_usd').html(total_operating_cost_usd.toLocaleString());
            });

            jQuery('.remove_cost_row').on('click', function () {
                var tr = jQuery(this).closest('tr');
                tr.remove();
                var total_operating_cost_tsh = 0;
                jQuery('.operating_cost').each(function () {
                    if (this.value !== '') {
                        total_operating_cost_tsh += parseFloat(this.value.replace(',', '').replace(',', '').replace(',', '').replace(',', ''));
                    }
                });
                var total_operating_cost_usd = total_operating_cost_tsh / parseFloat('{{$exchange_rate}}');
                jQuery('.total_operating_cost_usd_input').val(total_operating_cost_usd.toLocaleString());
                jQuery('.total_operating_cost_tsh_input').val(total_operating_cost_tsh.toLocaleString());
                jQuery('.total_operating_cost_tsh').html(total_operating_cost_tsh.toLocaleString());
                jQuery('.total_operating_cost_usd').html(total_operating_cost_usd.toLocaleString());
            });
        });


        // sortable list with content-->
        jQuery('.showcnt-2').parents('li').find('.details').slideDown();
        jQuery('.showcnt-2').click(function () {
            var t = jQuery(this);
            var det = t.parents('li').find('.details');
            if (!det.is(':visible')) {
                det.slideDown();
                t.removeClass('icon-arrow-down').addClass('icon-arrow-up');
            } else {
                det.slideUp();
                t.removeClass('icon-arrow-up').addClass('icon-arrow-down');
            }
        });


        jQuery('.permit_check_box').on('click', function (event) {

            var permit = jQuery(this);
            var border = permit.closest('tr').find('select');
            var permit_id = permit.val();
            var border_id = border.val();
            var route_id = '{!! $route->id !!}';
            if(!border_id){
                swal('Please Select the Border');
                permit.prop('checked', false);
            }
if(border_id && permit_id){
    jQuery.ajax({
        url: '{{route('route.assign.prepaid_expense')}}',
        type: 'POST',
        data: {route_id:route_id,permit_id:permit_id,border_id:border_id},
        beforeSend: function () {
            startSpinner();
        },
        success: function (data) {
            onAjaxSuccess(data);
            stopSpinner();
        },
        complete:function () {
            stopSpinner();
        }
    })
}


        });



    </script>
@stop