@extends('layouts.app')

@section('content')
<h2 class="text-center">Nuevo Vehiculo</h2>
<div class="container">
    <div class="form-inline">
        <div class="row">
            <div class="col-sm-4">
                <label for="vehicle">Vehiculo</label>
                <input type="text" class="form-control" name="vehicle" id="vehicle">
            </div>
            <div class="col-sm-4">
                <label for="brand">Marca</label>
                <input type="text" class="form-control" name="brand" id="brand">
            </div>
            <div class="col-sm-4">
                <label for="model">Modelo</label>
                <input type="text" class="form-control" id="model" name="model">
            </div>
        </div>
        <br />
        <div class="row">

            <div class="col-sm-4">
                <label for="year">Año</label>
                <input type="text" class="form-control" name="year" id="year">
            </div>
            <div class="col-sm-4">
                <label for="plate">Placa</label>
                <input type="text" class="form-control" name="plate" id="plate">
            </div>
        </div>
        <br />
        <div class="row">

            <div class="col-sm-4">
                <label for="department">Departamento</label>
                <select class="form-control" name="department" id="department">
                    <option value="0">Seleccionar</option>
                    @foreach ($departments as $department)
                        <option value="{{ $department->id }}">{{ $department->name }}</options>
                    @endforeach
                </select>
            </div>
            <div class="col-sm-4">
                <label for="area">Area</label>
                <select class="form-control" id="area" name="area">
                <option value="0">Seleccionar</option>
                    @foreach ($areas as $area)
                        <option value="{{ $area->id }}">{{ $area->name }}</options>
                    @endforeach
                </select>
            </div>
        </div>
        <br />
        <div class="row">
            
            <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
            <button class="btn btn-success" id="btnNewVehicle">Grabar</button>
        </div>
         
          
    </div>
</div>
@stop
@push('scripts')
<script>
var tblConcept;
$( document ).ready(function() {
    $("#model").autocomplete({
		    delay: 1000,
        source: function( request, response ) {
            $.ajax({
                url : "{{ route('searchmodel') }}",
                dataType: "json",
                type: "GET",
                data: {
                    searchdata: request.term,
                    ComboBox: 'getSearch',
                },
                success: function( data ) {
                    response( $.map( data, function( item ) {
                    console.log(item.resultado);
                            return {
                                label: item.model,
                                value: item.model,
                                data : item
                            }
                    }));
                }
            });
        },
        messages: {
            noResults: '',
            results: function() {}
        },
        autoFocus: true,	      	
        minLength: 2,
        select: function( event, ui ) {
            var vehicleData = ui.item.data;
             
           
            //$('#customer option[value=' + names.id + ']').attr('selected', true)
            //getClientAddress(names[0]);
           // getIitta(names.id)
           // $(this).val(''); return false;
            
        }		      	
    });

    


    $("#btnNewVehicle").on('click', function() {

        var dtn = { _token: $("#_token").val(), vehicle: $("#vehicle").val(), brand: $("#brand").val().toUpperCase(), 
            model: $("#model").val().toUpperCase(), year: $("#year").val(),plate: $("#plate").val().toUpperCase(),department: $("#department").val(),area: $("#area").val() };
        
        $.ajax({
            type: 'POST',
            url: "{{ action('VehicleController@store') }}", // call your php file
            data: dtn,
            cache: false,
            success: function(data){
               // var info = JSON.parse(data);
               if(data == '1') {
                window.location.replace( "{{ route('newevent') }}");
               } else {
                   alert('El Vehiculo ya Existe');
               }
            }
        });
    })
});

</script>
@endpush