@extends('layouts.main')
@section('title', 'Client Enquiry Review')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li class="active">Clients Enquiry</li>
    </ul>
@stop
@section('msghead_menu')
@stop


@section('contentinner')
    <style>
        input {
            text-align: right;
        }
    </style>
    <div class="row-fluid">
        <div class="span9">
            <form method="post" id="enquiry_form" autocomplete="off">
                <input type="hidden" name="progress" value="2">



                @foreach($items as $client_inquiry_item)
                    {{--*/ $route = $client_inquiry_item->getRoute() /*--}}
                    @if($route)
                        {{--*/ $route_cargo_details = $route->routeCargoDetails() /*--}}
                        {{--*/ $route_cargo_detail  = $route_cargo_details->whereType($client_inquiry_item->cargo_type)->first() /*--}}
                    @else
                        {{--*/ $route_cargo_detail = [] /*--}}
                    @endif
                    {{--*/ $return_expense_keys = [] /*--}}
                
                    <input type="hidden" id="return_cargo_status" value="{{($route_cargo_detail->is_returning) ? 1:0}}">
                    <input type="hidden" id="route_cargo_detail_id" value="{{$route_cargo_detail->id}}">
                    <input type="hidden" name="route_id" value="{{$route->id}}" class="route_id">
                    <input type="hidden" name="client_inquiry_item_id[]" value="{{$client_inquiry_item->id}}" class="client_inquiry_item_id">

                    <table class="table table-condensed">
                        <thead>
                        <tr>
                            <td colspan="2"></td>
                            <th colspan="{!! ($client_inquiry_item->cargo_type =="TANKERS" || $route_cargo_detail->is_returning)?2:1 !!}"
                                style="text-align: center">{{$client_inquiry->client->name}}
                                ; {{$client_inquiry_item->clientInquiryItemOffloadingPoint->city->name}}
                                - {!! $client_inquiry_item->product_name !!} ({{$client_inquiry_item->cargo_type}})
                            </th>
                            @if($client_inquiry_item->cargo_type =="LOOSE_CARGO")
                                <th colspan=""></th>
                            @endif
                        </tr>
                        @if($client_inquiry_item->cargo_type =='TANKERS')
                            <tr>
                                <td colspan="2"></td>
                                <th style="text-align: center">Semi</th>
                                @if($client_inquiry_item->cargo_type =='TANKERS')
                                    <th style="text-align: center">Pully</th>
                                @endif
                                @if($client_inquiry_item->cargo_type =="LOOSE_CARGO" && $route_cargo_detail->is_returning)
                                    <th style="text-align: center" colspan="">Return Cargo</th>
                                @endif
                            </tr>
                        @endif
                        </thead>
                        <tbody>
                        <tr>
                            <td></td>
                            <th>Exchange Rate</th>
                            <td style="text-align: right;">
                                <input onkeyup="reWriteValue(this.value,'rewrite_exchange')"
                                    type="text"
                                    onblur="updateReviewSheet({!! $client_inquiry_item->id !!})"
                                    name="exchange_rate[]"
                                    id="exchange_rate_{!! $client_inquiry_item->id !!}">
                            </td>
                            @if($client_inquiry_item->cargo_type =='TANKERS')
                                <td style="text-align: right" id="rewrite_exchange"></td>
                            @endif
                            @if($route_cargo_detail->is_returning)
                                {{--@foreach($route_cargo_detail->routeReturningCargoDetails as $route_returning_cargo_detail)--}}
                                <td style="text-align: right" id="rewrite_exchange"></td>
                                {{--@endforeach--}}
                            @endif
                        </tr>
                        <tr>
                            <td></td>
                            <th>Loading Point</th>
                            <td style="text-align: center;">{{$client_inquiry_item->clientInquiryItemLoadingPoint->city->name}}</td>
                            @if($client_inquiry_item->cargo_type =='TANKERS')
                                <td style="text-align: center;">{{$client_inquiry_item->clientInquiryItemLoadingPoint->city->name}}</td>
                            @endif
                            @if($route_cargo_detail->is_returning)
                                {{--@foreach($route_cargo_detail->routeReturningCargoDetails as $route_returning_cargo_detail)--}}
                                {{--<td style="text-align: center">{{$route_returning_cargo_detail->loadingCity->name}}</td>--}}
                                {{--@endforeach--}}
                                <td style="text-align: right;">
                                    <select id="loading_point_city_id" name="loading_point_city_id" class="searchable_select" onchange="updateReturnPointDistance(this)">
                                        @foreach($route_cargo_detail->routeReturningCargoDetails as $route_returning_cargo_detail)
                                            <option distance="{{number_format($route_returning_cargo_detail->getKm())}}" value="{{$route_returning_cargo_detail->loadingCity->id}}">{{$route_returning_cargo_detail->loadingCity->name}}</option>
                                        @endforeach
                                    </select>

                                </td>

                            @endif
                        </tr>
                        <tr>
                            <td></td>
                            <th>Country</th>
                            <td style="text-align: center;">{{$client_inquiry_item->clientInquiryItemOffloadingPoint->city->country->name}}</td>
                            @if($client_inquiry_item->cargo_type =='TANKERS')
                                <td style="text-align: center;">{{$client_inquiry_item->clientInquiryItemOffloadingPoint->city->country->name}}</td>
                            @endif
                            @if($route_cargo_detail->is_returning)
                                {{--@foreach($route_cargo_detail->routeReturningCargoDetails as $route_returning_cargo_detail)--}}
                                {{--<td style="text-align: center;">{{$route_returning_cargo_detail->loadingCity->country->name}}</td>--}}
                                {{--@endforeach--}}
                                <td style="text-align: center;">{{$route_cargo_detail->routeReturningCargoDetails->first()->loadingCity->country->name}}</td>
                            @endif
                        </tr>
                        <tr>
                            <td></td>
                            <th>Destination</th>
                            <td style="text-align: center">{{$client_inquiry_item->clientInquiryItemOffloadingPoint->city->name}}</td>
                            @if($client_inquiry_item->cargo_type =='TANKERS')
                                <td style="text-align: center">{{$client_inquiry_item->clientInquiryItemOffloadingPoint->city->name}}</td>
                            @endif
                            @if($route_cargo_detail->is_returning)
                                {{--                                @foreach($route_cargo_detail->routeReturningCargoDetails as $route_returning_cargo_detail)--}}
                                <td style="text-align: center">DAR ES SALAAM</td>
                                {{--@endforeach--}}
                            @endif
                        </tr>
                        <tr>
                            <td></td>
                            <th>KM </th>
                            <td style="text-align: right">{{($route_cargo_detail->is_returning)?number_format($route->go_distance): number_format($route->go_distance*2)}}</td>
                            @if($client_inquiry_item->cargo_type =='TANKERS')
                                <td style="text-align: right">{{number_format($route->go_distance*2)}}</td>
                            @endif
                            @if($route_cargo_detail->is_returning)
                                {{--@foreach($route_cargo_detail->routeReturningCargoDetails as $route_returning_cargo_detail)--}}
                                {{--<td style="text-align: right">--}}
                                {{--{{number_format($route_returning_cargo_detail->getKm())}}--}}
                                {{--</td>--}}
                                {{--@endforeach--}}
                                <td style="text-align: right" id="return_loading_point_distance">
                                    {{number_format($route_cargo_detail->routeReturningCargoDetails->first()->getKm())}}
                                </td>
                            @endif
                        </tr>
                        <tr>
                            <td></td>
                            @if($client_inquiry_item->cargo_type =='TANKERS')
                            <th>Rate/M<sup>3</sup></th>
                            @else
                                <th>Rate/MT</th>
                            @endif
                            <td style="text-align: right">
                                 {{--{!! $client_inquiry_item->rate !!}--}}
                                {{ ($client_inquiry_item->rate_for == 'TRIP') ? "" : number_format($client_inquiry_item->rate * $client_inquiry_item->tonnage) }}
                            </td>
                            @if($client_inquiry_item->cargo_type =='TANKERS')
                                <td style="text-align: right">
                                    {{--{!! $client_inquiry_item->rate !!}--}}
                                    {{ ($client_inquiry_item->rate_for =='TRIP')? "" : $client_inquiry_item->rate * $client_inquiry_item->tonnage }}
                                </td>
                            @endif
                            @if($route_cargo_detail->is_returning)
                                {{--@foreach($route_cargo_detail->routeReturningCargoDetails as $route_returning_cargo_detail)--}}
                                <td style="text-align: right"
                                        {{--class="return_{{$route_returning_cargo_detail->id}}"--}}
                                >
                                    <input type="text" name="rate_mt[{{$client_inquiry_item->id}}][]"
                                           class="rate_mt small_input"
                                           id="return_cargo_rate_per_mt"
                                           onblur="updateReviewSheet({!! $client_inquiry_item->id !!})"
                                           data-value="{{$route_returning_cargo_detail->id}}">
                                </td>
                                {{--@endforeach--}}
                            @endif
                        </tr>
                        <tr>
                            <td></td>
                            <th> Rate/Trip</th>
                            <td style="text-align: right">
                                {{-- number_format(($client_inquiry_item->rate_for == 'TRIP')? $client_inquiry_item->rate : number_format($client_inquiry_item->rate/ $client_inquiry_item->standard_semi_tonnage)) --}}
                                {{ ($client_inquiry_item->rate_for == 'TRIP') ? $client_inquiry_item->rate : number_format($client_inquiry_item->rate * $client_inquiry_item->tonnage) }}
                            </td>
                            @if($client_inquiry_item->cargo_type =='TANKERS')
                                <td style="text-align: right">{{number_format($client_inquiry_item->standard_pully_tonnage*$client_inquiry_item->rate)}}</td>
                            @endif
                            @if($route_cargo_detail->is_returning)
                                {{--                                @foreach($route_cargo_detail->routeReturningCargoDetails as $route_returning_cargo_detail)--}}
                                <td style="text-align: right"
                                        {{--class="return_{{$route_returning_cargo_detail->id}}"--}}
                                >
                                    <input type="text" name="rate_trip[{{$client_inquiry_item->id}}][]"
                                           class="rate_trip small_input"
                                           onblur="updateReviewSheet({!! $client_inquiry_item->id !!})"
                                           id="return_cargo_rate_per_trip">
                                </td>
                                {{--@endforeach--}}
                            @endif
                        </tr>
                        <tr>
                            <td></td>
                            <th>Fuel(Ltr)</th>
                            <td style="text-align: right">{{number_format($route->getFuel($client_inquiry_item->cargo_type)+$client_inquiry_item->loading_fuel)}}</td>
                            @if($client_inquiry_item->cargo_type =='TANKERS')
                                <td style="text-align: right">{{number_format($route->getFuel($client_inquiry_item->cargo_type)+$client_inquiry_item->loading_fuel)}}</td>
                            @endif
                            @if($route_cargo_detail->is_returning)
                                {{--                                @foreach($route_cargo_detail->routeReturningCargoDetails as $route_returning_cargo_detail)--}}
                                <td style="text-align: right">{{number_format($client_inquiry_item->return_fuel + $route_cargo_detail->routeReturningCargoDetails->first()->getFuel())}}</td>
                                {{--@endforeach--}}
                            @endif
                        </tr>
                        <tr>
                            <td></td>
                            <th>Fuel Rate/Ltr</th>
                            <td style="text-align: right" class="go">
                                <input type="text" onkeyup="reWriteValue(this.value,'rewrite_fuel')"
                                       id="fuel_rate_{!! $client_inquiry_item->id !!}"
                                       onblur="updateReviewSheet({!! $client_inquiry_item->id !!})"
                                       name="fuel_rate[]"
                                       class="small_input fuel_rate"></td>
                            @if($client_inquiry_item->cargo_type =='TANKERS')
                                <td style="text-align: right" id="rewrite_fuel"></td>
                            @endif
                            @if($route_cargo_detail->is_returning)
                                {{--                                @foreach($route_cargo_detail->routeReturningCargoDetails as $route_returning_cargo_detail)--}}
                                <td style="text-align: right"
                                        {{--class="return_{{$route_returning_cargo_detail->id}}"--}}
                                >
                                    <input type="text" name="fuel_rate_return[{{$client_inquiry_item->id}}][]"
                                           class="small_input return_fuel_rate"
                                           onblur="updateReviewSheet({!! $client_inquiry_item->id !!})"
                                           id="return_cargo_fuel_rate">
                                </td>
                                {{--@endforeach--}}
                            @endif

                        </tr>
                        <tr>
                            <td></td>
                            <th>Expected days</th>
                            <td style="text-align: right"
                                class="go"> {{$route->getDays($client_inquiry_item->cargo_type)}} </td>
                            @if($client_inquiry_item->cargo_type =='TANKERS')
                                <td style="text-align: right"
                                    class="go"> {{$route->getDays($client_inquiry_item->cargo_type)}} </td>
                            @endif
                            @if($route_cargo_detail->is_returning)
                                {{--                                @foreach($route_cargo_detail->routeReturningCargoDetails as $route_returning_cargo_detail)--}}
                                <td style="text-align: right">{{$route_cargo_detail->routeReturningCargoDetails->first()->getDays()}}</td>
                                {{--@endforeach--}}
                            @endif
                        </tr>
                        <tr>
                            <th colspan="6">&nbsp;</th>
                            @if($route_cargo_detail->is_returning)
                                <td>&nbsp;</td>
                            @endif
                        </tr>
                        {{--------------------------------------------------------------------------------------------------------------------------}}
                        </tbody>
                    </table>
                    <div id="review_view"></div>
                @endforeach
                
                <p/>
                <div class="row-fluid">
                    <div class="span12">
                        <label for="name" class="span2">Remarks</label>
                        <div class="field span10">
                            <textarea class="span12" name="remarks[]"></textarea>
                        </div>
                    </div>
                </div>
                <p/>
                <a class="btn btn-primary pull-right" onclick="saveInquiry()">Save</a>

            </form>

        </div><!--span12-->
    </div><!--row-fluid-->
    <script>
        jQuery('#return_cargo_rate_per_mt').on('change keyup', function () {
            var return_cargo_rate_per_mt = jQuery(this).val();
            @if($client_inquiry_item->cargo_type =='LOOSE_CARGO')
            jQuery('#return_cargo_rate_per_trip').val(return_cargo_rate_per_mt * 30);
            @else
            jQuery('#return_cargo_rate_per_trip').val(return_cargo_rate_per_mt * 25);
            @endif
        });
        function reWriteValue(value, identifier) {
            $('#' + identifier).html(value);
        }
        
        loadReview();
        function loadReview() {
            var url = '{!! route('client_inquiry.review.load_sheet',$client_inquiry_id) !!}'
            jQuery.ajax({
                url: url,
                type: 'GET',
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    $('#review_view').html(data);
                    stopSpinner();
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
        }

        function updateReviewSheet(id) {
            var url = '{!! route('client_inquiry.review.update_sheet',[':id']) !!}';
            url = url.replace(":id", id);
            var exchange_rate = $("#exchange_rate_" + id).val();
            var fuel_rate = $("#fuel_rate_" + id).val();
            var return_cargo_fuel_rate = $("#return_cargo_fuel_rate").val();
            var return_cargo_rate_per_trip = $("#return_cargo_rate_per_trip").val();
            var return_cargo_rate_per_mt = $("#return_cargo_rate_per_mt").val();
            var route_cargo_detail_id = $("#route_cargo_detail_id").val();
            var loading_point_city_id = $("#loading_point_city_id").val();
            var form = $('#review_view').find('form');
            if (jQuery('#return_cargo_status').val() == 1) {
                if (exchange_rate && fuel_rate && return_cargo_rate_per_trip && return_cargo_fuel_rate) {
                    jQuery.ajax({
                        url: url,
                        type: 'POST',
                        data: {
                            exchange_rate: exchange_rate,
                            rate_trip: return_cargo_rate_per_trip,
                            rate_mt: return_cargo_rate_per_mt,
                            fuel_rate: fuel_rate,
                            fuel_rate_return: return_cargo_fuel_rate,
                            route_cargo_detail_id: route_cargo_detail_id,
                            loading_point_city_id: loading_point_city_id,
                            type: 'with_return_cargo'
                        },
                        beforeSend: function () {
                            startSpinner();
                        },
                        success: function (data) {
                            console.log(data);
                            $('.direct_expenses_' + id).html(data.direct_expenses);
                            $('.direct_expenses_usd_' + id).html(data.direct_expenses_usd);
                            $('.total_fixed_expenses_' + id).html(data.total_fixed_expenses);
                            $('.total_fixed_expenses_usd_' + id).html(data.total_fixed_expenses_usd);
                            $('.depreciation_' + id).html(data.depreciation);
                            $('.depreciation_usd_' + id).html(data.depreciation_usd);
                            $('.overheads_' + id).html(data.overheads);
                            $('.fuel_expenses_' + id).html(data.fuel_expenses);
                            $('.net_profit_usd_pully_' + id).html(data.net_profit_usd_pully);
                            $('.net_profit_usd_semi_' + id).html(data.net_profit_usd_semi);
                            $('.net_profit_' + id).html(data.net_profit);
                            $('.net_profit_percentage_pully_' + id).html(data.net_profit_percentage_pully);
                            $('.net_profit_percentage_semi_' + id).html(data.net_profit_percentage_semi);
                            $('.contribution_pully_' + id).html(data.contribution_pully);
                            $('.contribution_semi_' + id).html(data.contribution_semi);
                            $('.cash_profit_per_trip_per_tanker_semi_' + id).html(data.cash_profit_per_trip_per_tanker_semi);
                            $('.cash_profit_per_trip_per_tanker_pully_' + id).html(data.cash_profit_per_trip_per_tanker_pully);
                            $('.total_operation_cost_' + id).html(data.total_operation_cost);
                            $('.total_operation_cost_usd_' + id).html(data.total_operation_cost_usd);

                            $('#total_operation_cost_return').html(data.total_operation_cost_return);
                            $('#total_operation_cost_usd_return').html(data.total_operation_cost_usd_return);
                            $('#contribution_return_usd').html(data.contribution_return_usd);
                            $('#overheads_return').html(data.overheads_return);
                            $('#depreciation_return').html(data.depreciation_return);
                            $('#total_fixed_expenses_return').html(data.total_fixed_expenses_return);
                            $('#total_fixed_expenses_usd_return').html(data.total_fixed_expenses_usd_return);
                            $('.net_profit_usd_return').html(data.net_profit_usd_return);
                            $('#net_profit_percentage_return').html(data.net_profit_percentage_return);
                            $('#depreciation_usd_return').html(data.depreciation_usd_return);
                            $('#cash_profit_per_trip__return').html(data.cash_profit_per_trip__return);

                            stopSpinner();
                        },
                        error: function (xhr, textStatus, error) {
                            onAjaxError(xhr, textStatus, error);
                        },
                        complete: function () {
                            stopSpinner();
                        }
                    });
                }
            } else {

                if (exchange_rate && fuel_rate) {
                    jQuery.ajax({
                        url: url,
                        type: 'POST',
                        data: {
                            exchange_rate: exchange_rate,
                            rate_trip: return_cargo_rate_per_trip,
                            rate_mt: return_cargo_rate_per_mt,
                            fuel_rate: fuel_rate,
                            fuel_rate_return: return_cargo_fuel_rate,
                            type: 'no_return_cargo'
                        },
                        beforeSend: function () {
                            startSpinner();
                        },
                        success: function (data) {
                            console.log(data);
                            $('.direct_expenses_' + id).html(data.direct_expenses);
                            $('.direct_expenses_usd_' + id).html(data.direct_expenses_usd);
                            $('.total_fixed_expenses_' + id).html(data.total_fixed_expenses);
                            $('.total_fixed_expenses_usd_' + id).html(data.total_fixed_expenses_usd);
                            $('.depreciation_' + id).html(data.depreciation);
                            $('.depreciation_usd_' + id).html(data.depreciation_usd);
                            $('.overheads_' + id).html(data.overheads);
                            $('.fuel_expenses_' + id).html(data.fuel_expenses);
                            $('.net_profit_usd_pully_' + id).html(data.net_profit_usd_pully);
                            $('.net_profit_usd_semi_' + id).html(data.net_profit_usd_semi);
                            $('.net_profit_' + id).html(data.net_profit);
                            $('.net_profit_percentage_pully_' + id).html(data.net_profit_percentage_pully);
                            $('.net_profit_percentage_semi_' + id).html(data.net_profit_percentage_semi);
                            $('.contribution_pully_' + id).html(data.contribution_pully);
                            $('.contribution_semi_' + id).html(data.contribution_semi);
                            $('.cash_profit_per_trip_per_tanker_semi_' + id).html(data.cash_profit_per_trip_per_tanker_semi);
                            $('.cash_profit_per_trip_per_tanker_pully_' + id).html(data.cash_profit_per_trip_per_tanker_pully);
                            $('.total_operation_cost_' + id).html(data.total_operation_cost);
                            $('.total_operation_cost_usd_' + id).html(data.total_operation_cost_usd);

                            $('.total_return_operation_cost_' + id).html(data.total_return_operation_cost);
                            $('.total_return_operation_cost_usd_' + id).html(data.total_return_operation_cost_usd);
                            $('.cash_profit_per_trip_per_truck_return_' + id).html(data.cash_profit_per_trip_per_truck_return);
                            $('.net_profit_percentage_return_' + id).html(data.net_profit_percentage_return);
                            $('.contribution_return_' + id).html(data.contribution_return);
                            $('.net_profit_usd_return_' + id).html(data.net_profit_usd_return);
                            $('.fuel_expenses_return_' + id).html(data.fuel_expense_return);

                            stopSpinner();
                        },
                        error: function (xhr, textStatus, error) {
                            onAjaxError(xhr, textStatus, error);
                        },
                        complete: function () {
                            stopSpinner();
                        }
                    });
                }
            }

        }

        function loadingPointExpenseEdit() {
            jQuery("#edit_loading_expense").hide();
            var details = $('#body_loading_expenses');
            var client_inquiry_item_id = details.find('#client_inquiry_item_id').val();
            var url = "{{route('client_inquiry.edit.loading_expenses',[':client_inquiry_item_id'])}}";
            var url_store = "{{route('client_inquiry.update.loading_expenses',[':client_inquiry_item_id'])}}";
            url = url.replace(":client_inquiry_item_id", client_inquiry_item_id);
            url_store = url_store.replace(":client_inquiry_item_id", client_inquiry_item_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('.save_loading_expenses').on('click', function () {
                        var form_data = jQuery(this).closest('form').serialize();
                        jQuery.ajax({
                            url: url_store,
                            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("#edit_loading_expense").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();
                        console.log(response);
                        response.removeClass('hide');
                        response.find('select[name="account_id[]"]').select2({'width': '100%'});
                        response.find('select[name="currency[]"]').select2({'width': '100%'});
                        response.find('input[name="amount[]"]').addClass('amount number');
//                    console.log(response);
                        jQuery('#body_loading_expenses').append(response);
                    });
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });


        }

        function routeBorderExpenseEdit() {
            jQuery("#edit_border_expense").hide();
            var details = $('#body_route_border_expenses');
            var client_inquiry_item_id = details.find('#client_inquiry_item_id').val();
            var url = "{{route('client_inquiry.edit.route_border_expenses',[':client_inquiry_item_id'])}}";
            var url_store = "{{route('client_inquiry.update.route_border_expenses',[':client_inquiry_item_id'])}}";
            url = url.replace(":client_inquiry_item_id", client_inquiry_item_id);
            url_store = url_store.replace(":client_inquiry_item_id", client_inquiry_item_id);

            jQuery.ajax({
                url: url,
                type: 'get',
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    jQuery('#body_route_border_expenses').empty().append(data);
                    jQuery('.add_route_border_expenses').show();
                    jQuery('.save_route_border_expenses').show();

                    jQuery('.save_route_border_expenses').on('click', function () {
//                    var form_data = jQuery('#route_border_expenses_form').serialize();
                        var form_data = jQuery(this).closest('form').serialize();
                        jQuery.ajax({
                            url: url_store,
                            type: 'POST',
                            data: form_data,
                            beforeSend: function () {
                                startSpinner();
                            },
                            success: function (data) {
                                jQuery('#body_route_border_expenses').empty().append(data);
                                jQuery('.add_route_border_expenses').hide();
                                jQuery('.save_route_border_expenses').hide();
                                jQuery("#edit_border_expense").show();
                                stopSpinner();
                            },
                            error: function (xhr, textStatus, error) {
                                onAjaxError(xhr, textStatus, error);
                            },
                            complete: function () {
                                stopSpinner();
                            }
                        });
                    });

                    jQuery('.add_route_border_expenses').on('click', function () {

                        var response = jQuery('#route_border_expenses_template').clone();
                        response.removeClass('hide');
                        response.find('select[name="account_id[]"]').select2({'width': '100%'});
                        response.find('select[name="currency[]"]').select2({'width': '100%'});
                        response.find('input[name="amount[]"]').addClass('amount number');
//                    console.log(response);
//                    jQuery('#body_route_border_expenses').append(response);
                    });
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });


        }

        function routeForecastingExpenseEdit() {
            jQuery("#edit_forecasting_expense").hide();
            var details = $('#body_route_forecasting_expenses');
            var client_inquiry_item_id = details.find('#client_inquiry_item_id').val();
            var url = "{{route('client_inquiry.edit.route_forecasting_expenses',[':client_inquiry_item_id'])}}";
            var url_store = "{{route('client_inquiry.update.route_forecasting_expenses',[':client_inquiry_item_id'])}}";
            url = url.replace(":client_inquiry_item_id", client_inquiry_item_id);
            url_store = url_store.replace(":client_inquiry_item_id", client_inquiry_item_id);
            jQuery.ajax({
                url: url,
                type: 'get',
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    jQuery('#body_route_forecasting_expenses').empty().append(data);
                    jQuery('.add_route_forecasting_expenses').show();
                    jQuery('.save_route_forecasting_expenses').show();

                    jQuery('.save_route_forecasting_expenses').on('click', function () {
                    // var form_data = jQuery('#route_forecasting_expenses_form').serialize();
                        var form_data = jQuery(this).closest('form').serialize();
                        jQuery.ajax({
                            url: url_store,
                            type: 'POST',
                            data: form_data,
                            beforeSend: function () {
                                startSpinner();
                            },
                            success: function (data) {
                                jQuery('#body_route_forecasting_expenses').empty().append(data);
                                jQuery('.add_route_forecasting_expenses').hide();
                                jQuery('.save_route_forecasting_expenses').hide();
                                jQuery("#edit_forecasting_expense").show();
                                stopSpinner();
                            },
                            error: function (xhr, textStatus, error) {
                                onAjaxError(xhr, textStatus, error);
                            },
                            complete: function () {
                                stopSpinner();
                            }
                        });
                    });

                    jQuery('.add_route_forecasting_expenses').on('click', function () {

                        var response = jQuery('#route_forecasting_expenses_template').clone();
                        response.removeClass('hide');
                        response.find('select[name="account_id[]"]').select2({'width': '100%'});
                        response.find('select[name="currency[]"]').select2({'width': '100%'});
                        response.find('input[name="amount[]"]').addClass('amount number');
                        // console.log(response);
                        // jQuery('#body_route_forecasting_expenses').append(response);
                    });
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
        }
        
        function routePrepaidExpenseEdit() {
            var details = $('#body_route_prepaid_expenses');
            var client_inquiry_item_id = details.find('#client_inquiry_item_id').val();
            var url = "{{route('client_inquiry.edit.route_prepaid_expenses',[':client_inquiry_item_id'])}}";
            var url_store = "{{route('client_inquiry.update.route_prepaid_expenses',[':client_inquiry_item_id'])}}";
            url = url.replace(":client_inquiry_item_id", client_inquiry_item_id);
            url_store = url_store.replace(":client_inquiry_item_id", client_inquiry_item_id);
            jQuery.ajax({
                url: url,
                type: 'get',
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    jQuery('#body_route_prepaid_expenses').empty().append(data);
                    jQuery('.add_route_prepaid_expenses').show();
                    jQuery('.save_route_prepaid_expenses').show();

                    jQuery('.save_route_prepaid_expenses').on('click', function () {
                        var form_data = jQuery('#route_prepaid_expenses_form').serialize();
                        jQuery.ajax({
                            url: url_store,
                            type: 'POST',
                            data: form_data,
                            beforeSend: function () {
                                startSpinner();
                            },
                            success: function (data) {
                                jQuery('#body_route_prepaid_expenses').empty().append(data);
                                jQuery('.add_route_prepaid_expenses').hide();
                                jQuery('.save_route_prepaid_expenses').hide();
                                stopSpinner();
                            },
                            error: function (xhr, textStatus, error) {
                                onAjaxError(xhr, textStatus, error);
                            },
                            complete: function () {
                                stopSpinner();
                            }
                        });
                    });
                    
                    jQuery('.add_route_prepaid_expenses').on('click', function () {
                        var response = jQuery('#route_prepaid_expenses_template').clone();
                        response.removeClass('hide');
                        response.find('select[name="account_id[]"]').select2({'width': '100%'});
                        response.find('select[name="currency[]"]').select2({'width': '100%'});
                        response.find('input[name="amount[]"]').addClass('amount number');
                        // console.log(response);
                        // jQuery('#body_route_prepaid_expenses').append(response);
                    });
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {stopSpinner();}
            });
        }


        function saveInquiry() {
            var url = "{!! route('clients.inquiries.response.store',$client_inquiry_id) !!}";
            var form_data = jQuery('#enquiry_form').serialize();
            jQuery.ajax({
                url: url,
                type: 'POST',
                data: form_data,
                beforeSend: function () {startSpinner();},
                success: function (data) {
                    stopSpinner();
                    if (data.state == "Done") {
                        var url = "{{route('clients.inquiry.index')}}";
                        window.open(url, '_self')
                    }
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                    stopSpinner();
                },
                complete: function () {stopSpinner();}
            });
        }


        function updateReturnPointDistance(element) {

           var element = jQuery('#loading_point_city_id');
           var distance = element.find('option:selected').attr('distance');

            jQuery('#return_loading_point_distance').text(distance);
        }


    </script>
@stop