@extends('layouts.main')
@section('contentinner')
    <div class="maincontent">
        <div class="contentinner">

            <div class="mediamgr row-fluid">
                <div class="mediamgr_left">
                    @include('settings.maintenance.routes.profile')

                    <div class="mediamgr_category span12">
                        <ul>
                            <li class="current">
                                <a>Routes Details</a>
                            </li>
                        </ul>
                    </div><!--mediamgr_category-->

                    <div class="mediamgr_content span12">
                        <div class="span12  profile-left">
                            <table class="table table-bordered table-invoice">
                                <tr>
                                    <td class="width30" style="text-align: right">Route From:</td>
                                    <td class="width40"><input type="text" name="city_from"
                                                               value="{{$route->route_from}}"></td>
                                    <td class="width30" style="text-align: right">Route To:</td>
                                    <td class="width40"><input type="text" name="city_to" value="{{$route->route_to}}">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="width30" style="text-align: right">Distance:</td>
                                    <td class="width40"><input type="text" name="approx_distance"
                                                               value="{{$route->approx_distance}}"></td>
                                    <td class="width30" style="text-align: right">Allowable Days:</td>
                                    <td class="width40"><input type="text" name="allowableDays"
                                                               value="{{$route->allowableDays}}"></td>
                                </tr>
                            </table>

                            <br class="clearall"/>
                            <h4 class="widgettitle">Costs</h4>
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th class="centeralign"><input type="checkbox" class="checkall"/></th>
                                    <th>Cost Name</th>
                                    <th>Price</th>
                                    <th>quantity</th>
                                    <th>amount</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($route_costs as $cost)
                                    <tr>
                                        <input type="hidden" value="{{$cost->id}}" class="cost_id">
                                        <td class="centeralign"><input type="checkbox"/></td>
                                        <td>{{$cost->costName}}</td>
                                        <td>{{$cost->rate}}</td>
                                        <td>{{$cost->quantity}}</td>
                                        <td>{{$cost->amount}}</td>
                                        <td class="centeralign">
                                            <a href="#" class="deleterow_c">
                                                <span class="icon-trash"></span>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div><!--span6-->
                    </div><!--mediamgr_content-->
                </div><!--mediamgr_left -->
                <br class="clearall"/>
            </div><!--mediamgr-->

        </div><!--contentinner-->
    </div><!--maincontent-->
    <script>
        // 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.onroutecost.delete')}}",
                data: {
                    cost_id: cost_id
                },
//                    dataType: 'json',
                success: function (data) {
                location.reload();
                },
                error: function (data) {

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