@extends('layouts.main')
@section('contentinner')
    <div class="contentinner">
        <div class="row-fluid">
            <div class="span12">

                {!! Form::open(array('route' => 'vehicles.store', 'class' => 'stdform','files'=>true)) !!}
                {{--<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="vehicle_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">Category</label>

                                <div class="controls span4">
                                    <select class="input-xlarge">
                                        <option></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 "/>
                                </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 "/>
                                </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"/>
                                </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="truck_fuel_ratio" 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"/>
                                </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>

                    <h4 class="widgettitle" style="margin-top: 20px">Car Photos</h4>

                    <div class="row-fluid">
                        <div class="span12">
                            <div class="par control-group">
                                <label class="control-label span2" for="fullname">Front View</label>

                                <div class="controls span4">
                                    <input type="file" class="uniform-file" name="font_pic" class="input-xlarge"/>
                                </div>
                            </div>
                            <div class="par control-group">
                                <label class="control-label span2" for="lastname">Back View</label>

                                <div class="controls span4">
                                    <input type="file" class="uniform-file" name="back_pic" 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="fullname">Right View</label>

                                <div class="controls span4">
                                    <input type="file" class="uniform-file" name="right_pic" class="input-xlarge"/>
                                </div>
                            </div>
                            <div class="par control-group">
                                <label class="control-label span2" for="lastname">Left View</label>

                                <div class="controls span4">
                                    <input type="file" class="uniform-file" name="left_pic" 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="website">Inside View</label>

                                <div class="controls span4">
                                    <input type="file" class="uniform-file" name="inside_pic" class="input-xlarge"/>
                                </div>
                                <div class="par control-group">
                                    <label class="control-label span2" for="address">Perspective View</label>

                                    <div class="controls span4">
                                        <input type="file" class="uniform-file" name="perspective_pic"
                                               class="input-xlarge"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <h4 class="widgettitle" style="margin-top: 20px">Car Documents</h4>

                    <div class="row-fluid">
                        <div class="span12">
                            <div class="par control-group">
                                <label class="control-label span2" for="fullname">Registration Card</label>

                                <div class="controls span4">
                                    <input type="file" class="uniform-file" name="registration_number"
                                           class="input-xlarge"/>
                                </div>
                            </div>
                            <div class="par control-group">
                                <label class="control-label span2" for="lastname">Sales Agreements</label>

                                <div class="controls span4">
                                    <input type="file" class="uniform-file" name="saleAgriments" class="input-xlarge"/>
                                </div>
                            </div>
                        </div>
                    </div>
                    <h4 class="widgettitle" style="margin-top: 20px">Fuel Ratio against Trailers Types</h4>

                    <div class="row-fluid">
                        @foreach ($trailer_types as $trailer_type)
                            <div class="form-group" style="margin-top: 5px">
                                <label class="control-label span2" for="fullname">{{$trailer_type['name']}}</label>

                                <div class="controls span4">
                                    <input type="hidden" name="trailer_type_id[]"
                                           value="{{$trailer_type['trailer_type_id']}}">
                                    <input type="text" name="colour" id="colour" placeholder="Colour" value=""
                                           class="input-xlarge colour"/>
                                </div>

                            </div>
                        @endforeach
                    </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><!--span12-->
        </div><!--row-fluid-->
    </div><!--contentinner-->
    @include('vehicles.includes.truck_models')
@stop