@extends('layouts.main')
@section('contentinner')
    <div class="contentinner content-buttons">
        <div class="tabbable">
            @include('operations.route_assignments.includes.profile')
            <br>

            <div class="tab-pane active">
                <h4 class="widgettitle">BORDER DETAILS
                    <div class="btn-group pull-right" style="margin-top: -2px;margin-right: 0px">
                        <button class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-th"></i>
                            &nbsp; Actions <span class="caret"></span></button>
                        <ul class="dropdown-menu">
                            <li><a href="#"><i class="icon-plus"></i> &nbsp;Add New</a></li>
                        </ul>
                    </div><!--btn-group-->
                </h4>
                <table class="table table-bordered" id="dyntable">
                    <thead>
                    <tr>
                        <th class="head0 nosort"><input type="checkbox" class="checkall"/></th>
                        <th class="head1">Border Name</th>
                        <th class="head0">Arrival</th>
                        <th class="head1">Crossing</th>
                        <th class="head0">Days</th>
                        <th class="head0">&nbsp;</th>
                    </tr>
                    </thead>
                    @foreach($borders as $border)
                        <tbody>
                        <tr>
                            <td class="head0 nosort"><input type="checkbox" class="checkall"/></td>
                            <td>{{$border->border->name}}</td>
                            <td>{{$border->arrival}}</td>
                            <td>{{$border->crossing}}</td>
                            <td>{{$border->days}}</td>
                            <td class="head0">
                                <button class="btn" onclick="modelShow('addLocation{{$border->id}}')"><i
                                            class="icon-edit"></i> Edit
                                </button>
                                <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog"
                                     tabindex="-1" class="modal hide fade in" id="addLocation{{$border->id}}">
                                    <div class="modal-header" style="background: #50A6C6">
                                        <button aria-hidden="true" data-dismiss="modal" class="close"
                                                type="button">×
                                        </button>
                                        <h4>Add Truck Details Below</h4>
                                    </div>

                                    {!! Form::open(array('class' => 'stdform','id'=>'neRoute','url'=>'route/'.$routeassignment->id.'/borders/store')) !!}
                                    <div class="modal-body">
                                        <div class="maincontent">
                                            <input type="hidden" name="border_id"
                                                   value="{{$border->id}}">
                                            <input type="hidden" name="route_id"
                                                   value="{{$routeassignment->id}}">

                                            <div class="row" style="margin-bottom: 3px">
                                                <p>
                                                    <label>Arrival Time</label>

                                                <div class="span2 input-append date"
                                                     style="margin-right: 4px" id="datetimepicker1{{$border->id}}">
                                                    <input class="input-xlarge " name="arrival_at"
                                                           value="{{$border->arrival}}"
                                                           data-format="dd/MM/yyyy hh:mm:ss"
                                                           type="text"/>
                                                                <span class="add-on">
                                                                  <i data-time-icon="icon-time"
                                                                     data-date-icon="icon-calendar">
                                                                  </i>
                                                                </span>
                                                </div>
                                                </p>
                                            </div>
                                            <div class="row" style="margin-bottom: 3px">
                                                <p>
                                                    <label>Crossing Time</label>

                                                <div class="span2 input-append date"
                                                     style="margin-right: 4px" id="datetimepicker2{{$border->id}}">
                                                    <input class="input-xlarge " name="crossing_at"
                                                           value="{{$border->crossing}}"
                                                           data-format="dd/MM/yyyy hh:mm:ss"
                                                           type="text"/>
                                                                        <span class="add-on">
                                                                          <i data-time-icon="icon-time"
                                                                             data-date-icon="icon-calendar">
                                                                          </i>
                                                                        </span>
                                                </div>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button data-dismiss="modal" class="btn">Close</button>
                                        <button class="btn btn-primary" type="submit">Submit</button>
                                    </div>
                                    {!! Form::close() !!}}
                                    <script type="text/javascript">
                                        jQuery(function () {
                                            jQuery('#datetimepicker1').datetimepicker({
                                                format: 'yyyy-MM-dd hh:mm:ss',
                                                inline: true,
                                                sideBySide: true
                                            });
                                        });
                                        jQuery(function () {
                                            jQuery('#datetimepicker2').datetimepicker({
                                                format: 'yyyy-MM-dd hh:mm:ss',
                                                inline: true,
                                                sideBySide: true
                                            });
                                        });
                                    </script>
                                </div><!--#myModal-->
                            </td>
                        </tr>
                        </tbody>
                    @endforeach
                </table>
            </div><!--maincontent-->
        </div><!--tab-pane-->
    </div>
@stop