@php
    $photo_formId = 'photo_' . rand(1, 100);
@endphp


<form method="POST" id="{{ $photo_formId }}" action="{{ $id ? route('admin.photos.update', [$id]) : route('admin.photos.store') }}">
  @csrf
  @if( $id ) @method('PATCH') @endif
</form>
<input type="hidden" name="id" value="{{ $id }}" form="{{ $photo_formId }}"/>
<input type="hidden" name="product_id" value="{{ $item->id }}" form="{{ $photo_formId }}"/>
<input type="hidden" name="type" value="{{ $photo_type }}" form="{{ $photo_formId }}"/>
@include('admin.form.columns.photo', ['name' => 'image', 'value' => $product_photos[$photo_type]?->image, 'formId' => $photo_formId])
<button type="submit" class="d-none btn btn-success btn-label waves-effect waves-light" form="{{ $photo_formId }}">
  <i class="ri-check-line label-icon align-middle fs-16 me-2"></i>
  Fotó tárolása
</button>
@push('scripts')
<script>
$('button#takePhoto_{{ $photo_formId }}').on('click', function(){
    //setTimeout(() => {  $("#{{ $photo_formId }}").submit(); }, 2000);
  //setTimeout(() => { $('button[type="submit"][form="{{ $photo_formId }}"]').click() }, 3000);
});

$('input[name="image"][form="{{ $photo_formId }}"]').change(function () {
    //alert('Alma');
    $('button[type="submit"][form="{{ $photo_formId }}"]').click();
});

$('photo_{{ $photo_formId }}').on('change', function(){
    console.log('alma');
})

/* attach a submit handler to the form */
$("#{{ $photo_formId }}").submit(function(event) {

  /* stop form from submitting normally */
  event.preventDefault();

  /* get the action attribute from the <form action=""> element */
  var $form = $(this),
    url = $form.attr('action');

  const form = document.getElementById('{{ $photo_formId }}');
  //const formData = new FormData(form);
  var formData = new FormData($(this)[0]);


// Display the values
for (const value of formData.values()) {
  console.log(value);
}
//form.submit();

   $.ajax({
     url: url,
     data: formData,
     processData: false,
     contentType: false,
     type: 'POST',
   });

  /* Send the data using post with element id name and nam
  var posting = $.post(url, formData);

  posting.done(function(data) {
    $('#result').text('success');
  });
  posting.fail(function() {
    $('#result').text('failed');
  });
  /* Alerts the results */
});
</script>
@endpush