@extends('layouts.main')
@section('title')
    Route Profile:Cost
@stop
@section('contentinner')
    <div class="tabbable">
        <div class="row-fluid" style="margin-bottom: 8px">
            <div class="span6  profile-left">
                <table class="table table-bordered table-invoice">
                    <tr>
                        <td class="width30" style="text-align: right">Route No.:</td>
                        <td class="width40">{{$routeassignment->id}}</td>
                    </tr>
                    <tr>
                        <td class="width30" style="text-align: right">Truck No.:</td>
                        <td class="width40">{{$routeassignment->vehicle}}</td>
                    </tr>

                    <tr>
                        <td class="width30" style="text-align: right">Driver Name.:</td>
                        <td class="width40">{{$routeassignment->driverNames}}</td>
                    </tr>
                </table>
            </div><!--span6-->
            <div class="span6  profile-left">
                <table class="table table-bordered table-invoice">
                    <tr>
                        <td class="width30" style="text-align: right">Departure Date:</td>
                        <td class="width30">{{$routeassignment->departure_date }}</td>
                    </tr>
                    <tr>
                        <td class="width30" style="text-align: right">Trailer No.:</td>
                        <td class="width40">{{$routeassignment->trailer}}</td>
                    </tr>
                    <tr>
                        <td class="width30" style="text-align: right">Route:</td>
                        <td class="width30">{{$routeassignment->route}}</td>
                    </tr>
                </table>
            </div><!--span6-->
        </div><!--row-fluid-->
        <div class="tab-content">
            <div id="glyphs" class="tab-pane active" style="min-height: 450px">
                <div class="maincontent">
                    <h4 class="widgettitle">On Route other Cost
                        <a onclick="modelShow('addRoute')"
                                {{--id="add_on_route_cost"--}}
                           class="pull-right"
                           style="margin-left: 5px">
                            <span class="icon-plus"></span> Add Cost
                        </a>
                        <a class="pull-right" target="_blank"
                           href="{{route('onroutecost.print',array('route_id'=>$routeassignment->id))}}">
                            <span class="icon-print"></span> Print
                        </a>
                    </h4>

                    <div class="row-fluid">
                        <div class="span12  profile-left pull-right">
                            <table class="table table-bordered table-invoice table-condensed">
                                <thead>
                                <tr>
                                    <th style="width: 10px">SN</th>
                                    <th class="width20" style="text-align: center">Cost Name</th>
                                    <th style="width: 100px">Currancy</th>
                                    <th style="width: 100px">Exchange Rate</th>
                                    <th class="width80" style="text-align: center">Cost Amount(Tsh)</th>
                                    <th class="width80" style="text-align: center">Cost Amount(USD)</th>
                                    <th class="width5">Action</th>
                                </tr>
                                </thead>
                                {{--*/ $i = 1 /*--}}
                                {{--*/ $n = 1 /*--}}
                                {{--*/ $usdCost_total = 0 /*--}}
                                {{--*/ $tshCost_total = 0 /*--}}
                                <tbody id="table_body">
                                @foreach($costs as $index => $cost)
                                    <tr>
                                        <input type="hidden" value="{{$cost->id}}" class="cost_id">
                                        <td>{{$index+1}}</td>
                                        <td class="width20">{{$cost->cost->name}}</td>
                                        <th>
                                           <span id="currency{{$cost->id}}" style="display:none">
                                               <select id="datacurrency{{$cost->id}}" style="width: 100px;">
                                                   <option value="TSH" @if('TSH'==$cost->currency) selected @endif>TSH</option>
                                                   <option value="USD" @if('USD'==$cost->currency) selected @endif>USD</option>
                                               </select>
                                                   </span>
                                            <span id="currencyvalue{{$cost->id}}"> {{$cost->currency}}</span>
                                        </th>
                                        <th>
                                          <span id="exchangerate{{$cost->id}}" style="display:none">
                                                  <input type="text" class="span2 number"
                                                         id="dataexchangerate{{$cost->id}}"
                                                         value="{{$cost->exchange_rate}}" style="width: 100px;">
                                                   </span>
                                            <span id="exchangeratevalue{{$cost->id}}"> {{$cost->exchange_rate}}</span>
                                        </th>
                                        @if(($cost->currency == 'TSH') || ($cost->currency == 'Tsh')|| ($cost->currency == 'tsh'))
                                            <td class="width80" style="text-align: right">
                                                <span id="quantity{{$cost->id}}" style="display:none">
                                                  <input type="text" class="span2 number" id="dataquantity{{$cost->id}}"
                                                         value="{{number_format($cost->amount,2)}}">
                                                    {{--*/ $tshCost_total += $cost->amount /*--}}
                                                   </span>
                                                <span id="quantityvalue{{$cost->id}}"> {{number_format($cost->amount,2)}}</span>
                                            </td>
                                            <td></td>
                                        @elseif(($cost->currency == 'USD') || $cost->currency == 'usd')
                                            <td></td>
                                            <td class="width80" style="text-align: right">
                                                <span id="quantity{{$cost->id}}" style="display:none">
                                                  <input type="text" class="span2 number" id="dataquantity{{$cost->id}}"
                                                         value="{{number_format($cost->amount,2)}}">
                                                    {{--*/ $usdCost_total += $cost->amount/*--}}
                                                   </span>
                                                <span id="quantityvalue{{$cost->id}}"> {{number_format($cost->amount,2)}}</span>
                                            </td>
                                        @endif
                                        <td>
                                            <a onclick="editDetails();"
                                               id="editDetails{{$cost->id}}">
                                                <i class="iconfa-pencil" style="font-size: 18px"></i>
                                            </a>
                                            <a onclick="editSave();" id="editsave{{$cost->id}}"
                                               style="display:none">
                                                <i class="iconfa-save"></i>
                                            </a>
                                            <a class="deleterow_c">
                                                <i class="icon-trash" style="font-size: 18px"></i>
                                            </a>
                                        </td>
                                    </tr>
                                    {{--*/ $i += 1 /*--}}
                                    {{--*/ $n += 1 /*--}}
                                @endforeach
                                <tr>
                                    <td style="width: 10px">{{$n}}</td>
                                    <td style="text-align: left">Fuel</td>
                                    <td>Tsh</td>
                                    <td></td>
                                    <td style="text-align: right">
                                        @if(empty($fuel_orders->amountValue))
                                            {{number_format($routeassignment->fuel_required)}} litres
                                        @else
                                            {{number_format($fuel_orders->amountValue,2)}} (
                                            or {{number_format($routeassignment->fuel_required)}} litres)
                                            {{--*/ $tshCost_total += $routeassignment->fuel_required*$fuel_orders->rate /*--}}
                                        @endif
                                    </td>
                                    <td></td>
                                    <td>

                                    </td>
                                </tr>
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="4" style="text-align: right;background-color: white">Total
                                        Cost
                                    </td>
                                    <td style="text-align: right;background-color: white">
                                        @if(empty($fuel_orders->amountValue))
                                            {{number_format($tshCost_total)}}
                                            + {{number_format($routeassignment->fuel_required,2)}} litres
                                        @else
                                            {{number_format($tshCost_total,2)}} (
                                            or {{number_format($tshCost_total - $routeassignment->fuel_required*$fuel_orders->rate)}}
                                            + {{number_format($routeassignment->fuel_required,2)}} litres)
                                        @endif
                                    </td>
                                    <td style="text-align: right;background-color: white">{{number_format($usdCost_total,2)}}</td>
                                    <td></td>
                                </tr>
                                </tfoot>
                            </table>
                            <br>
                        </div><!--span6-->
                    </div>
                    <div class="clearfix"></div>
                </div><!--maincontent-->
            </div><!--tab-pane-->
        </div>
    </div>

    <table class="hide fade in">
        <tbody id="onRouteCost1">
        <tr>
            <td>
                <input type="hidden" name="old_onroute_cost_id[]" value="NEW">
                <select placeholder="Choose a On-Route Cost..." name="onRoute_cost[]" class="onRoute_cost">
                    <option value=""></option>
                    @foreach($onrouteCosts as $cost)
                        <option value="{{$cost->id}}">{{$cost->name}}</option>
                    @endforeach
                </select>
            </td>
            <td>
                <select name="currency[]" class="currency">
                    <option value="TSH">TSH</option>
                    <option value="USD">USD</option>
                </select>
            </td>
            <td>
                <input type="text" class="input-medium number"
                       name="exchange_rate[]"
                       placeholder="Amount" autocomplete="off"/>
            </td>
            <td>
                <input type="text" class="input-medium number onRoute_amount" name="onRoute_amount[]"
                       placeholder="Amount" autocomplete="off"/>
            </td>
            <td>
                <a class="removeCostRow"><i class="icon-minus-sign" style="font-size: 18px;color: red"></i></a>
            </td>
        </tr>

        </tbody>
    </table>

    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"
         class="modal hide fade in modal-1"
         id="addRoute">

        {!! Form::open(array('route' => 'settings.routes.add.toroute', 'class' => 'stdform','files'=>true,'method'=>'get')) !!}
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">New On-Route Cost</h3>
        </div>
        <div class="modal-body">
            <h4 class="widgettitle" style="margin-left: 30px;margin-right: 30px">On-Route Cost
                <i class="icon-plus-sign pull-right" style="font-size: 18px" id="add_on_route_cost"></i>
            </h4>

            <div class="row-fluid">
                <div class="span12">
                    <input type="hidden" value="{{$routeassignment->id}}" name="route_id">
                    <table class="table table-condensed">
                        <thead>
                        <tr>
                            <th>On Route Cost</th>
                            <th>Currency</th>
                            <th>Exchange Rate</th>
                            <th>Amount</th>
                            <th>&nbsp;</th>
                        </tr>
                        </thead>
                        <tbody id="onRouteCost">
                        <tr>
                            <td>
                                <select data-placeholder="Choose a On-Route Cost..."
                                        name="onRoute_cost[]" class="onRoute_cost"
                                        tabindex="2">
                                    <option value=""></option>
                                    @foreach($onrouteCosts as $cost)
                                        <option value="{{$cost->id}}">{{$cost->name}}</option>
                                    @endforeach
                                </select>
                            </td>
                            <td>
                                <select name="currency[]" class="currency">
                                    <option value="TSH">TSH</option>
                                    <option value="USD">USD</option>
                                </select>
                            </td>
                            <td>
                                <input type="text" class="input-medium number"
                                       name="exchange_rate[]"
                                       placeholder="Amount" autocomplete="off"/>
                            </td>
                            <td>
                                <input type="text" class="input-medium number onRoute_amount"
                                       name="onRoute_amount[]"
                                       placeholder="Amount" autocomplete="off"/>
                            </td>
                            <td></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-primary" name="submit" type="submit">Save</button>
        </div>
        </form>
    </div>

    <script type="text/javascript">
        //        jQuery('#add_on_route_cost').on('click', function () {
        //            var addRow = jQuery('#onRouteCost1').html();
        //            jQuery('#onRouteCost').append(addRow);
        //        });
        jQuery('#add_on_route_cost').on('click', function () {
            var addRow = jQuery('#onRouteCost1').html();
            jQuery('#onRouteCost').prepend(addRow);

            jQuery('.removeCostRow').on('click', function () {
                jQuery(this).parent().parent().remove();
                var sum = 0;
                jQuery('.onRoute_amount').each(function () {
                    if (this.value != '') {
                        sum += parseFloat(this.value.replace(',', '').replace(',', '').replace(',', '').replace(',', ''));
                    }
                });
            });
            jQuery('.number').keyup(function (event) {
                // skip for arrow keys
                if (event.which >= 37 && event.which <= 40) return;
                // format number
                jQuery(this).val(function (index, value) {
                    return value
                            .replace(/\D/g, "")
                            .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                });
            });
        });
        function editDetails(argument) {

            jQuery('#quantity' + argument).show();
            jQuery('#quantityvalue' + argument).hide();

            jQuery('#currency' + argument).show();
            jQuery('#currencyvalue' + argument).hide();

            jQuery('#exchangerate' + argument).show();
            jQuery('#exchangeratevalue' + argument).hide();

            jQuery('#editsave' + argument).show();
            jQuery('#editDetails' + argument).hide();
        }

        function editSave(argument) {
            jQuery.ajax({
                url: '{{route('routes.cost.update')}}',
                type: 'get',
                data: {
                    'route_cost_id': argument,
                    'currency': jQuery('#datacurrency' + argument).val(),
                    'exchange_rate': jQuery('#dataexchangerate' + argument).val(),
                    'amount': jQuery('#dataquantity' + argument).val(),
                },
                cache: false,
                beforeSend: function () {

                },
                success: function (html) {
//                    jQuery('#messege_add').html(html);
                    location.reload();
                }
            });
        }

        function addNewCost(argument) {
            var tr_p = jQuery(this).parent().parent();

            var onroute_cost_id = tr_p.find('.onroute_cost_id').val();
            var currency = tr_p.find('.currency').val();
            var tsh_amount = tr_p.find('.tsh_amount').val();
            var usd_amount = tr_p.find('.usd_amount').val();

            {{--jQuery.ajax({--}}
            {{--url: '{{route('routes.cost.new')}}',--}}
            {{--type: 'get',--}}
            {{--data: {--}}
            {{--'onroute_cost_id': onroute_cost_id,--}}
            {{--'currency': currency,--}}
            {{--'route_id': argument,--}}
            {{--'tsh_amount': tsh_amount,--}}
            {{--'usd_amount': usd_amount--}}
            {{--},--}}
            {{--cache: false,--}}
            {{--beforeSend: function () {--}}

            {{--},--}}
            {{--success: function (html) {--}}
            {{--//                    jQuery('#messege_add').html(html);--}}
            {{--location.reload();--}}
            {{--}--}}
            {{--});--}}
        }

        // delete row in a table
        jQuery('.deleterow_c').click(function () {
            var conf = confirm('Continue delete?');
            if (conf)
                var tr_p = jQuery(this).parents('tr');

            var cost_id = tr_p.find('.cost_id').val();
            tr_p.fadeOut(function () {
                jQuery(this).remove();
            });

            jQuery.ajax({
                type: "GET",
                cache: false,
                url: "{{route('routes.cost.delete')}}",
                data: {
                    cost_id: cost_id
                },
//                    dataType: 'json',
                success: function (data) {
                },
                error: function (data) {

                }
            });
            return false;
        });
    </script>
@stop