{{--model for adding new vehicle/truck--}}
<style>
    .row-fluid {
        margin-top: 5px;
    }
</style>
<div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal hide fade in"
     id="addNewCrane">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">New Crane Registration</h3>
    </div>

    {!! Form::open(array('route' => 'crane.store', 'class' => 'stdform','method'=>'post')) !!}
    {{--<form class="stdform" method="post" action="{{ route('vehicle.create') }}">--}}
    <div class="modal-body">
        <div class="row-fluid">
            <div class="span12">
                <div class="par control-group">
                    <label class="control-label span2" for="vehicle_number">Registration Number</label>

                    <div class="controls span4">
                        <input type="text" name="registration_number" id="vehicle_number"
                               placeholder="Registration Number"
                               value="" class="input-xlarge vehicle_number" required/>
                    </div>
                </div>
                <div class="par control-group">
                    <label class="control-label span2" for="model">Model</label>

                    <div class="controls span4">
                        <input type="text" name="model" id="model" placeholder="Model" value=""
                               class="input-xlarge model"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span12">
                <div class="par control-group">
                    <label class="control-label span2" for="Category">Ownership</label>

                    <div class="controls span4">
                        <select class="input-xlarge" name="ownership">
                            <option value="leased">Leased</option>
                            <option value="owned" selected>Owned</option>
                            <option value="customer">Customer</option>
                            <option value="subcontruct">Sub-Construct</option>
                        </select>
                    </div>
                </div>
                <div class="par control-group">
                    <label class="control-label span2" for="make">Make</label>

                    <div class="controls span4">
                        <input type="text" name="make" id="make" placeholder="Make" value=""
                               class="input-xlarge make"/></div>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span12">
                <div class="par control-group">
                    <label class="control-label span2" for="colour">Colour</label>

                    <div class="controls span4">
                        <input type="text" name="colour" id="colour" placeholder="Colour"
                               class="input-xlarge colour"/>
                    </div>
                </div>
                <div class="par control-group">
                    <label class="control-label span2" for="address">Year Of Manufacture</label>

                    <div class="controls span4">
                        <input type="text" name="manufacture_year" value="" placeholder="Year Of Manufacture"
                               class="input-xlarge yearpicker"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span12">
                <div class="par control-group">
                    <label class="control-label span2" for="colour">Chassis Number</label>

                    <div class="controls span4">
                        <input type="text" name="chasis_number" id="colour" placeholder="Chassis Number" value=""
                               class="input-xlarge colour"/>
                    </div>
                </div>
                <div class="par control-group">
                    <label class="control-label span2" for="address">First Registration</label>

                    <div class="controls span4">
                        <input type="text" name="first_registration" value="" placeholder="First Registration"
                               class="input-xlarge datepicker"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span12">
                <div class="par control-group">
                    <label class="control-label span2" for="colour">Tank Capacity</label>

                    <div class="controls span4">
                        <input type="text" name="tank_capacity" id="colour" placeholder="Tank Capacity" value=""
                               class="input-xlarge colour number"/>
                    </div>
                </div>
                <div class="par control-group">
                    <label class="control-label span2" for="address">Fuel Ratio</label>

                    <div class="controls span4">
                        <input type="text" name="fuel_consumption" value="" placeholder="Fuel Ratio"
                               class="input-xlarge "/>
                    </div>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span12">
                <div class="par control-group">
                    <label class="control-label span2" for="colour">Market Value</label>

                    <div class="controls span4">
                        <input type="text" name="market_value" id="colour" placeholder="Market Value" value=""
                               class="input-xlarge colour number"/>
                    </div>
                </div>
                <div class="par control-group">
                    <label class="control-label span2" for="address">Depreciation Rate</label>

                    <div class="controls span4">
                        <input type="text" name="depreciation_rate" value="" placeholder="Depreciation Rate"
                               class="input-xlarge "/>
                    </div>
                </div>
            </div>
        </div>
    </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>
<!--#myModal-->

<div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal hide fade in"
     id="editTruck">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Edit Vehicle</h3>
    </div>

    {!! Form::open(array('route' => 'vehicles.update.customer', 'class' => 'stdform','files'=>true,'id'=>'edit-truck-form')) !!}
    {{--<form class="stdform" method="post" action="{{ route('vehicle.create') }}">--}}
    <div class="modal-body">
        <div id="edited_details"></div>
    </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>