@extends('layouts.main_without_top_button', ['title' => 'LOADING EXPENSES | ' . config('app.name')])
@section('title') Loading Expenses @stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('financial_management.loading_expenses.index')}}">Loading Expenses</a> <span
                    class="divider">/</span></li>
        <li class="active">{{$loading_point->name}}</li>
    </ul>
@stop
@section('contentinner')
    <input type="hidden" name="loading_point_id" value="{{$loading_point->id}}">
    <div class="row-fluid">
        <div class="span12 expenses">

            <div class="row-fluid">
                <div class="span12">
                    <h4><span style="padding-left: 20px" class="icon icon-pencil pull-right" title="Edit Expenses"
                              id="loading_order_expenses"></span></h4>
                    <form id="loading_order_expenses_form">
                        <table class="table table-striped table-bordered table-condensed">
                            <thead>
                            <tr>
                                <th style="width: 77%">Account</th>
                                <th style="width: 10%">Currency</th>
                                <th style="width: 10%">Amount</th>
                                <th style="width: 3%">&nbsp;</th>
                            </tr>
                            </thead>
                            <tbody id="body_loading_expenses">
                            {{--*/ $total_amount =0 /*--}}
                            @foreach($loading_point->LoadingPointAccounts as $loading_point_account)
                                <tr>
                                    <td>{{$loading_point_account->account->name}}</td>
                                    <td>{{$loading_point_account->currency}}</td>
                                    <td style="text-align: right">{{number_format($loading_point_account->amount,2)}}</td>
                                    <td>&nbsp;</td>
                                    {{--*/ $total_amount += $loading_point_account->amount /*--}}
                                </tr>
                            @endforeach
                            </tbody>
                            {{--<tfoot id="">--}}
                            {{--<tr>--}}
                                {{--<td style="text-align: right">TOTAL AMOUNT</td>--}}
                                {{--<td style="text-align: right">{{number_format($total_amount,2)}}</td>--}}
                            {{--</tr>--}}
                            {{--</tfoot>--}}

                        </table>
                    </form>
                    <button class="btn btn-mini add_loading_expenses hide">Add Cost</button>
                    <button class="btn btn-mini save_loading_expenses hide">SAVE CHANGES
                    </button>
                </div>
            </div>
        </div><!--details-->
    </div>
    <script>
        jQuery('#loading_order_expenses').on('click', function (event) {
            event.preventDefault();
            var url = "{{route('financial_management.loading_expenses.edit',[':id'])}}";
            url = url.replace(":id", '{{$loading_point->id}}');
            jQuery.ajax({
                url: url,
                type: 'get',
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    jQuery('#body_loading_expenses').empty().append(data);
                    jQuery('.add_loading_expenses').show();
                    jQuery('.save_loading_expenses').show();
                    jQuery('#loading_order_expenses').hide();

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

                    jQuery('.add_loading_expenses').on('click', function () {
                        var response = jQuery('#loading_expenses_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[]"]').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(".");
                            });
                        });;
                        response.find('.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 () {
                                    tr.remove();
                                });
                        });
                        jQuery('#body_loading_expenses').append(response);
                    });

                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
        });
    </script>
@stop