@extends('layouts.main_without_top_button')
@section('contentinner')
@section('title')
    Driver On Route Expenses
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li class="active">Driver On Route Expenses</li>
    </ul>
@stop
<div class="tabbable">
    @include('settings.routes.profile')
    <div class="tab-content">
        <div id="glyphs" class="tab-pane active">
            <div class="row-fluid" style="margin-bottom: 8px;">
                <div class="span12  profile-left">
                    <div class="msghead" style="margin-bottom: 4px;margin-top: -20px;">
                        <ul class="msghead_menu">
                            <li class="right btn-group">
                                <a class="btn" onclick="modelShow('addRoute')">CREATE NEW</a>
                            </li>

                        </ul>
                        <span class="clearall"></span>
                    </div><!--msghead-->
                    <div>
                        {!! Form::open(array('class' => 'stdform','id'=>'requestItems')) !!}

                        <div class="widgetcontent">
                            <ul id="sortable2" class="sortlist">
                                @foreach($routes as $route)
                                    <li>
                                        <div class="label">
                                            <span class="icon-align-justify"></span>
                                            <span class="icon-arrow-down showcnt"></span>
                                            <a href="#">{{ucwords($route->cost)}}</a>
                                        </div><!--label-->
                                        <div class="details">
                                            <ul class="list-nostyle list-inline pull-right">
                                                <li>
                                                    <a href="#" class="btn btn-circle"
                                                       onclick="addTableRow({{$route->id}})"
                                                       style="line-height: 2px">
                                                        <i class="iconfa-plus"></i>
                                                    </a>
                                                </li>
                                            </ul>
                                            <p>
                                            <table class="table table-1 table-bordered table-condensed"
                                                   style="width: 100%">
                                                <thead>
                                                <tr>
                                                    <th>On Route Cost Name</th>
                                                    <th></th>
                                                </tr>
                                                <tbody id="position_{{$route->id}}"
                                                       style="color: black;font-weight:bold;">
                                                @foreach($route->getOnRouteCost($route->driver_cost_id) as $onroute_cost)
                                                    <tr>
                                                        <td>
                                                            <input type="hidden" name="parameters[]"
                                                                   value="{{$onroute_cost->id}}"> {{ucfirst($onroute_cost->name)}}
                                                        </td>
                                                        <td></td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                            </p>
                                        </div><!--details-->
                                    </li>
                                @endforeach
                            </ul>
                            <div class="row-fluid">
                                <div class="span12">
                                    <input type="submit" value="SUBMIT CHANGES" class="btn btn-default"
                                           style="width: 100%">
                                </div>
                            </div>
                        </div>

                    </div>
                </div><!--span6-->
            </div><!--row-fluid-->
        </div><!--tab-pane-->
    </div>
</div>
<table style="display:none">
    <tbody id="addingrow">
    <tr>
        <td>
            <select style="width:350px" name="items[]">
                @foreach($onroutecosts as $onroutecost)
                    <option value="{{$onroutecost->id}}">{{$onroutecost->name}}</option>
                @endforeach
            </select>
        </td>
        <td width="20">
            <button type="button" class="btn" id="removerow"><i class="icon-remove"></i></button>
        </td>
    </tr>
    </tbody>
</table>
<script>
    jQuery('#requestItems').on('submit', function (e) {
        jQuery.ajaxSetup({
            header: jQuery('meta[name="_token"]').attr('content')
        })
        e.preventDefault(e);
        jQuery.ajax({
            type: "get",
            url: "{{ route('jobcards.items.store') }}",
            data: jQuery('#requestItems').serialize(),
//                    dataType: 'json',
            success: function (data) {
                jobcard(data);
                itemUsed(data);
            },
            error: function (data) {

            }
        })
    });
    jQuery("#removerow").on('click', function () {
//        jQuery(this).parent().parent().remove();
        alert(1);
    });
    function addTableRow(id) {
        var response = jQuery('#addingrow').html();

        var htm = '<tr><td>' +
                '<input type="hidden" name="jobcard_parameter_id[]" value="' + id + '">' +
                '<select style="width:350px" name="onroutecosts[]">';
        @foreach($onroutecosts as $onroutecost)
                   htm += '<option value="{{$onroutecost->id}}">{{$onroutecost->name}}</option>';
        @endforeach
        htm += '<td width="20"> ' +
                '<button type="button" class="btn" id="removerow"><i class="icon-remove"></i></button> ' +
                '</td> ' +
                '</tr>';

        jQuery('#position_' + id).append(htm);
        var els = jQuery(".chzn-select");
        els.chosen();


    }
    function pupulate() {
        jQuery('.rate').keyup(function (event) {
            // skip for arrow keys
            if (event.which >= 37 && event.which <= 40) return;
            jQuery(this).val(function (index, value) {
                return value.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            });
        });
    }
</script>
@stop