<div class="col-sm-8 padding0">

    <h4>Vehicle Details</h4>

    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3">No. of Fleet<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">
            <select class=" form-control  " id="driver_fleet" name="dfleet" style="text-transform:uppercase;">
                <option selected="selected">1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>

        </div>
    </div>

    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3">Name of Vehicle<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">
            <input class="form-control" id="vechile_name" name="term" style="text-transform:uppercase;" type="text">
            <input name="vechile_name" id="vechile_name_value" type="hidden">
            <input name="driver_cartypes" id="driver_cartypes_value" type="hidden">

        </div>
    </div>
    <!-- Driver Vehicle Name Ends Here --> 

    <!-- Driver Ignition Type Starts Here -->
    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3">Ignition Type<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">
            <select class=" form-control" id="igniton_type" name="igniton_type" style="text-transform:uppercase;">
                <option value="" selected="selected">--Select Ignition Type--</option>
                <option value="1">Petrol</option>
                <option value="2">Diesel</option>
                <option value="3">CNG</option>
            </select>
        </div>
    </div>

    <!-- Driver Ignition Type Ends Here -->

    <!-- Vehicle No Starts Here -->
    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3">Vehicle No.<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9 padding0">
            <div class="col-sm-2">
                <input class="form-control uppercase" id="driverVechNoChar" name="driverVechNoChar" placeholder="DL" type="text">
            </div>
            <div class="col-sm-10">
                <input class="form-control uppercase" id="driverVechNo" name="driverVechNo" placeholder="10F1530" type="text">
            </div>
        </div>
    </div>
    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3">Vechicle Color<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">
            <input class="form-control" id="vechile_color" name="color" type="text">


        </div>
    </div>
    <div class="form-group clearfix spance">
        <label class="col-sm-3 control-label labelalign col-sm-3-new" id="point_airport">Vechicle Owner <span  class="defaultcolor">*</span> </label>

        <div class="col-sm-9 padding0">
            <div class="col-sm-6" id="owned_cab">

                <div class="funkyradio">
                    <div class="funkyradio-primary">
                        <input type="radio" name="VechicleOwner" id="Owned" />
                        <label for="Owned">Owned</label>
                    </div>
                </div>
            </div>
            <div class="col-sm-6" id="attached_cab">
                <div class="funkyradio">
                    <div class="funkyradio-primary">
                        <input type="radio" name="VechicleOwner" id="Attached" />
                        <label for="Attached">Attached</label>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3">Permit Expiry Date <span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">
            <input class="form-control" id="vechile_color" name="color" type="date">
        </div>
    </div>
    <!-- Vehicle No Ends Here -->

    <!-- RC Proof Starts Here -->   

    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3">RC Proof<span class="mandat_star" style="color:red;"></span></label>

        <div class="col-sm-9">
            <input name="file_rcproof" class="form-control" type="file">
            <span style="font-weight:bold;color: indianred;"><small>Upload Your RC Proof </small></span>
            <div class="fa fa-spinner fa-spin fa-1_5x" style="position: absolute;color: #378D18;display:none;" id="file_rcproof_loder"></div>
            <div class="loder" style="display:none" id="file_rcproof">
            </div>
            <input id="file_rcproofH" name="file_rcproofH" type="hidden">
        </div>

    </div>
    <!-- RC Proof Ends Here -->  

    <!-- Insurance Validity Starts Here -->

    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3">Insurance Proof<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">
            <input name="file_insurance" class="form-control" type="file">
            <span style="font-weight:bold;color: indianred;"><small>Upload Your Insurance Proof </small></span>
            <div class="fa fa-spinner fa-spin fa-1_5x" style="position: absolute;color: #378D18;display:none;" id="file_insurance_loder"></div>
            <div class="loder" style="display:none" id="file_insurance"></div>
            <input id="file_insuranceH" name="file_insuranceH" type="hidden">
        </div>
    </div>
    <!-- Insurance Validity Ends Here -->  

    <!-- Fitness Certificate Starts Here -->
    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3">Fitness Proof<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">
            <input name="file_fitness"  class="form-control" type="file">
            <span style="font-weight:bold;color: indianred;"><small>Upload Your Fitness Proof </small></span>
            <div class="fa fa-spinner fa-spin fa-1_5x" style="position: absolute;color: #378D18;display:none;" id="file_fitness_loder"></div>
            <div class="loder" style="display:none" id="file_fitness"></div>
            <input id="file_fitnessH" name="file_fitnessH" type="hidden">
        </div>
    </div>
    <!-- Fitness Certificate Ends Here --> 
    <div class="form-group clearfix margintopbottom20">
        <label class="col-sm-3 control-label labelalign col-sm-3-new" id="update_profiel"></label>
        <div class="col-sm-9 " align="right">

            <a class="reset_btn btn btn-success btn-new-vehile" ng-click="toggle()" href="#">
                <i class="fa fa-fast-forward "></i>
                Skip
            </a>
            <button type="button" ng-click="toggle()" class="save_data_btn btn btn-primary btn-new-vehile butoon_save btn-warning" >Save</button>

        </div>
    </div>
</div> 