@extends('layouts.app')

@section('conteudo')

<br>
<center>
  @if (session('erro'))
  <div class="alert alert-danger">
    {{ session('erro') }}
  </div>
  @endif
</center>

<br><br>
 
<form id="myForm">
  <input type="file" name="image" id="image">
  <button type="submit">Enviar</button>
</form>

<script>
    document.getElementById('myForm').addEventListener('submit', function(event) {
  event.preventDefault();
  
  var formData = new FormData();
  var fileField = document.querySelector('input[type="file"]');
  
  formData.append('image', fileField.files[0]);
  
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/upload', true);
  xhr.onload = function() {
    if (xhr.status === 200) {
      console.log('Upload bem-sucedido');
    } else {
      console.log('Upload falhou');
    }
  };
  
  xhr.send(formData);
});

</script>

@endsection