@extends('layouts.master')

@section('title', 'Vehicles')

@section('links')
@endsection



@section('content')


<div class="br-mainpanel">
<div class="br-pageheader pd-y-15 pd-l-20">
      <nav class="breadcrumb pd-0 mg-0 tx-12">
        <a class="breadcrumb-item" href="">PlugNgo</a>
        <!--          <a class="breadcrumb-item" href="#">Admins</a>-->
        <span class="breadcrumb-item active">Vehicle Models's</span>
      </nav>
      <!-- <button class="btn btn-success success">Toast</button> -->
    </div><!-- br-pageheader -->
    <div class="pd-x-20 pd-sm-x-30 pd-t-20 pd-sm-t-30">
	<h2><strong>{!! trans('messages.list_all') !!}</strong> Models Variants
				
					</h2>
    </div>

    <div class="br-pagebody">
      <div class="br-section-wrapper">


	  <div class="col-sm-12" id="box-detail">
				<div class="box-info">
        <h2><strong>{!! trans('messages.add_new') !!}</strong>
				</h2>

					{!! Form::open(['route' => 'modelvarients.store','role' => 'form', 'class'=>'employee-form','id' => 'employee-form','data-form-table' => 'employee_table']) !!}
					<div class="col-md-12">
						<div class="row">
						<div class="col-md-3">
								<div class="form-group">
								    {!! Form::label('v_manufacture_id',trans('Manufactures'),['class' => 'control-label'])!!}
									{!! Form::select('v_manufacture_id',$manufactures,'',['id'=>'manufactures','class'=>'form-control input-xlarge select2me','placeholder'=>trans('messages.select_one')])!!}
								</div>	
							</div>
							<div class="col-md-3">
							<div class="form-group">
								    {!! Form::label('v_model_id',trans('Models'),['class' => 'control-label'])!!}
									{!! Form::select('v_model_id' ,$models,'',['id'=>'v_model_id','class'=>'form-control input-xlarge select2me','placeholder'=>trans('messages.select_one')])!!}
								</div>	
							</div>
            
              <div class="col-md-3">
						<div class="form-group">
						    {!! Form::label('name',trans('messages.name'),['class' => 'control-label'])!!}
							{!! Form::input('text','name',old('name'),['class'=>'form-control','placeholder'=>trans('messages.name')])!!}
						</div>
            </div>

						</div>	
           		
					</div>
          
				
					{!! Form::submit(isset($buttonText) ? $buttonText : trans('messages.save'),['class' => 'btn btn-primary pull-right']) !!}
					{!! Form::close() !!}
          
				</div>
			</div>
			
        <div class="table-wrapper">

		@include('common.datatable',['col_heads' => $col_heads])
        </div><!-- table-wrapper -->



        

      </div><!-- br-section-wrapper -->
    </div><!-- br-pagebody -->
  
@endsection
 

@section('scripts')
<script>
      $('#manufactures').on('change',function(e){  
		$('#v_model_id').empty();   
	       
           var manu_id = $('#manufactures option:selected').attr('value');


		   var url = '{{ url('vehiclemodel') }}/' + manu_id+'/getmanufacturers';

			// alert(teach_id);
             var info=$.get(url);
               info.done(function(data){  
				if(data.length==0){
					$('#v_model_id').append('<option value="">No Data Found</option>');
				};   
                  $.each(data,function(index,subcatObj){
					if(data){
						$('#v_model_id').empty();
						$('#v_model_id').append('<option value="">Select Model</option>');
                        $.each(data, function(key, value){
                            $('#v_model_id').append('<option value="'+value.id+'">' + value.name + '</option>');
                        });
                    }
                    });                    
        });
       });
    </script>

@endsection