{{--model for adding new vehicle/truck--}}
<div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal hide fade in"
     id="addNewPermit">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">New vehicle Permits</h3>
    </div>
    <div class="modal-body">
        {!! Form::open(array('route' => 'add.new.permit.vehicle', 'class' => 'stdform')) !!}
        <div class="row-fluid">
            <p>
                <input type="hidden" name="vehicle_id" value="{{$vehicle->id}}">
                <label>Permit Name</label>
                            <span class="formwrapper">
                            <select data-placeholder="Choose a On-Route Cost..." style="width:280px" class="chzn-select"
                                    name="permit_id"
                                    tabindex="2" required autocomplete="off">
                                <option value=""></option>
                                @foreach($permits as $permit)
                                    <option value="{{$permit->id}}">{{$permit->name}}</option>
                                @endforeach
                            </select>
                            </span>
            </p>
            <p>
                <label>Start Date</label>
                        <span class="field">
                            <input type="text" name="start_date" class="input-xlarge datepicker" placeholder="" required autocomplete="off"/>
                        </span>
            </p>

            <p>
                <label>Expire Date</label>
                        <span class="field"><input type="text" name="expire_date" class="input-xlarge datepicker"
                                                   placeholder="" required autocomplete="off"/></span>
            </p>

            <p>
                <label>Cost</label>
                        <span class="field">
                            <input type="text" name="cost" class="input-xlarge" placeholder=".input-xlarge" required autocomplete="off"/>
                        </span>
            </p>

            <p>
                <label>Description</label>
                        <span class="field">
                            <textarea name="description" cols="80" rows="5" class="span5" autocomplete="off"></textarea>
                        </span>
            </p>
        </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>
</div>
<!--#myModal-->