@extends('layouts.main')
@section('contentinner')
    <div class="contentinner">
        <div class="row-fluid">
            <div class="span12">
                <h4 class="widgettitle">Routes List</h4>
                <table class="table table-bordered table-condensed table-striped" id="dyntable">
                    <colgroup>
                        <col class="con0" style="align: center; width: 4%"/>
                        <col class="con1"/>
                        <col class="con0"/>
                        <col class="con1"/>
                        <col class="con0"/>
                        <col class="con1"/>
                    </colgroup>
                    <thead>
                    <tr>
                        <th class="head0 nosort"><input type="checkbox" class="checkall"/></th>
                        <th class="head0">RNo.</th>
                        <th class="head1">Route</th>
                        <th class="head1">Departure Date</th>
                        <th class="head0">Truck</th>
                        <th class="head1">Trailer</th>
                        <th class="head0">Driver</th>
                        <th class="head1">Created By</th>
                        <th class="head1">Total Route Cost</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($routes as $route)
                        <tr class="gradeX">
                            <td class="aligncenter"><span class="center"><input type="checkbox"/></span></td>
                            <td>RNo. {{$route->id}}</td>
                            <td>{{ $route->route}}</td>
                            <td>{{ $route->departure_date}}</td>
                            <td>{{ $route->truck->registration_number }}</td>
                            <td>{{ $route->trailer}}</td>
                            <td>{{ $route->DriverNames }}</td>
                            <td></td>
                            <td>
                                <a href="{{route('route.cost.indetails',array('route_id'=>$route->id))}}"
                                        {{--onclick="modelShow('routeCost{{$route->id}}')"--}}
                                   class="btn"
                                   style="line-height: 18px">
                                    {{number_format($route->usdCost,2)}} $ + {{number_format($route->tshCost,2)}} Tsh
                                </a>

                                <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"
                                     class="modal hide fade in modal-1" id="routeCost{{$route->id}}">
                                    <!-- Modal content-->
                                    <div class="modal-header" style="background: #50A6C6">
                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                        <h4>Route
                                            No. {{$route->id}} {{ $route->route}} {{ $route->truck->registration_number }}
                                            ;{{ $route->DriverNames }}</h4>
                                    </div>
                                    <div class="modal-body">
                                        <h4 class="widgettitle">List of On-Route Cost
                                            <i class="icon-plus-sign pull-right" style="font-size: 18px"
                                               id="add_on_route_cost{{$route->id}}"></i>
                                        </h4>

                                        <div class="row-fluid">
                                            <div class="span12">
                                                <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 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="onRouteCost{{$route->id}}">
                                                    @foreach($route->routeCost as $index => $cost)
                                                        <tr>
                                                            <input type="hidden" value="{{$i}}" class="cost_id">
                                                            <td>{{$index+1}}</td>
                                                            <td class="width20">{{$cost->cost->name}}</td>
                                                            <th>{{$cost->currency}}</th>
                                                            @if($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->amountValue,2)}}">
                                                                        {{--*/ $tshCost_total += $cost->amountValue /*--}}
                                                                       </span>
                                                                    <span id="quantityvalue{{$cost->id}}"> {{number_format($cost->amountValue,2)}}</span>
                                                                </td>
                                                                <td></td>
                                                            @elseif($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->amountValue,2)}}">
                                                                        {{--*/ $usdCost_total += $cost->amountValue /*--}}
                                                                       </span>
                                                                    <span id="quantityvalue{{$cost->id}}"> {{number_format($cost->amountValue,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 style="text-align: right">
                                                            {{number_format($route->fuel_required*2000,2)}} (
                                                            or {{number_format($route->fuel_required,2)}} litres)
                                                            {{--*/ $tshCost_total += $route->fuel_required*2000 /*--}}
                                                        </td>
                                                        <td></td>
                                                        <td>
                                                            <a>
                                                                <i class="iconfa-pencil" style="font-size: 18px"></i>
                                                            </a>
                                                            <a>
                                                                <i class="icon-trash" style="font-size: 18px"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    </tbody>
                                                    <tfoot>
                                                    <tr>
                                                        <td colspan="3"
                                                            style="text-align: right;background-color: white">
                                                            Total
                                                            Cost
                                                        </td>
                                                        <td style="text-align: right;background-color: white">
                                                            {{number_format($tshCost_total,2)}} (
                                                            or {{number_format($tshCost_total - $route->fuel_required*2000)}}
                                                            + {{number_format($route->fuel_required,2)}} litres)
                                                        </td>
                                                        <td style="text-align: right;background-color: white">{{number_format($usdCost_total,2)}}</td>
                                                        <td></td>
                                                    </tr>
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <div class="row">
                                            <div class="form-group">
                                                <p class="stdformbutton pull-right">
                                                    <a class="btn btn-default hide" data-dismiss="modal"
                                                       data-toggle="modal"
                                                       href="#viewPermits"
                                                       id="view-permits">VIEW VEHICLE
                                                        PERMITS</a>
                                                    <button class="btn btn-primary" type="submit">Submit Button</button>
                                                    <button type="reset" class="btn">Reset Form</button>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </td>
                            <input type="hidden" class="route_id" value="{{$route->id}}">
                        </tr>
                    @endforeach
                    </tbody>
                </table>

            </div><!--span12-->
        </div><!--row-fluid-->
    </div><!--contentinner-->
    <table class="hide fade in">
        <tbody id="onRouteCost1">
        <tr>
            <td>
            <span class="formwrapper">
                 <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>
            </span>
            </td>
            <td>
                <span class="formwrapper">
                <select name="currency[]" class="currency">
                    <option value="TSH">TSH</option>
                    <option value="USD">USD</option>
                </select>
                </span>
            </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>

    <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('#editsave' + argument).show();
            jQuery('#editDetails' + argument).hide();
        }
        function editSave(argument) {
            jQuery.ajax({
                url: '{{route('routes.cost.update')}}',
                type: 'get',
                data: {
                    'route_cost_id': argument,
                    '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