@extends('layout.master')
@section('content')
<form id="vehicle_form" method="post" action="{{ route('vehicle.store') }}">
<input type="hidden" name="_token" value="{{ csrf_token() }}" />
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe">
  <a href="#" class="button">Button</a>
  
</form>

<p>Note that the form itself is not visible.</p>

<p>Also note that the default width of text input fields is 20 characters.</p>
@section('css')
	
@endsection

<!-- Bu sayfaya ait js dosyaları -->
@section('js')
	
	<script src="{{ URL::to('app/js/widgets.bundle.js') }}"></script>
	<script src="{{ URL::to('app/js/custom/widgets.js') }}"></script>
	<script src="{{ URL::to('app/js/custom/utilities/modals/users-search.js') }}"></script>
	<script src="{{ URL::to('app/js/custom/forms/formrepeater.bundle.js') }}"></script>
	<script src="{{ URL::to('app/js/custom/forms/basic.js') }}"></script>
	
    <script>
 
 $(function() {
   $( ".button" ).on( "click", function() {
       $.ajax({
           type : 'POST',
           url : $('#vehicle_form').attr('action'),
           enctype: 'multipart/form-data',
           data : $('#vehicle_form').serialize(),
           
           
           success: function (data) {
               console.log('return data', data);
           
           },
           error: function(data){
               console.log('data', data)
               //var errors = $.parseJSON(data.responseText);
               let errors = data.responseJSON;
               let errorsHtml = '';
   
               console.log('errors', errors);
               $.each(errors.errors, function (index, value) {
                    errorsHtml += '<ul class="list-group"><li class="list-group-item alert alert-danger">' + value + '</li></ul>';
                });
   
               $.each(errors.errors, function(index, value) {
                   console.log('index', index);
                   console.log('value', value);
   
               });

               Swal.fire({
                    html: errorsHtml,
                    icon: "error",
                    buttonsStyling: !1,
                    confirmButtonText: "Tamam",
                    customClass: {
                        confirmButton: "btn btn-light"
                    }
                }).then(function () {
                    KTUtil.scrollTop();
                });
   
           }
       });
   });
 });

 </script>

@endsection

@endsection