@extends('layouts.admin.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-12 col-md-6">
            <div class="card shadow-sm">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0">Edit Data Jamaah</h5>
                </div>
                <div class="card-body">

                    <form id="formEditJenisUmroh">
                        @csrf

                        <div class="row">

                            <div class="col-md-12 mb-3">
                                <label for="nama" class="form-label">Nama</label>
                                <input type="text" name="nama" class="form-control" maxlength="100" value="{{ old('nama', $data->nama) }}" require>
                            </div>

                        </div>

                        <div class="d-flex justify-content-end">
                            <a href="{{ route('jenis_umroh.index') }}" class="btn btn-secondary me-2">Kembali</a>
                            <button type="submit" class="btn btn-success">Simpan Perubahan</button>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
</div>


<script>
document.getElementById('formEditJenisUmroh').addEventListener('submit', async function(e) {
    e.preventDefault();

    const form = e.target;
    const formData = new FormData(form);

    // Tambahkan method PUT karena form pakai POST biasa
    formData.append('_method', 'PUT');

    try {
        const response = await fetch("{{ route('jenis_umroh.update', $data->id) }}", {
            method: 'POST', // pakai POST karena kita override _method di body
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}',
                'Accept': 'application/json',
            },
            body: formData
        });

        const result = await response.json();
        if (response.status) {
            swal("Success!", "Update berhasil,", "success");
        } else {
            swal("Failed!", "UPdate gagal, silakan download bukti PDF", "danger");
        }
    } catch (error) {
        console.error(error);
        alert('Gagal mengirim data ke server.');
    }
});
</script>

@endsection