113 lines
5.4 KiB
PHP
113 lines
5.4 KiB
PHP
@extends('admin.layout')
|
|
|
|
@section('content')
|
|
<link rel="stylesheet" href="{{ asset('css/fitur-admin.css') }}">
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
|
|
|
<div class="dashboard-section d-flex justify-content-center">
|
|
<div style="width: 100%; max-width: 700px;">
|
|
<div class="mb-4 text-center">
|
|
<h4 class="fw-bold text-dark">Edit Data Prospek Kerja</h4>
|
|
<p class="text-muted small">Ubah informasi profesi atau estimasi gaji.</p>
|
|
</div>
|
|
|
|
<div class="card border-0 shadow-sm rounded-4">
|
|
<div class="card-body p-5">
|
|
<form id="formEditProspek">
|
|
<input type="hidden" id="prospek_id" value="{{ $id }}">
|
|
<div class="row g-4">
|
|
<div class="col-md-12 form-group-custom">
|
|
<label class="fw-bold small text-muted">Kaitkan dengan Jurusan</label>
|
|
<select id="jurusan_id" class="form-select input-custom" required>
|
|
<option value="" disabled>Memuat daftar jurusan...</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-12 form-group-custom">
|
|
<label class="fw-bold small text-muted">Nama Profesi</label>
|
|
<input type="text" id="nama_profesi" class="form-control input-custom" required>
|
|
</div>
|
|
<div class="col-md-12 form-group-custom">
|
|
<label class="fw-bold small text-muted">Range Gaji</label>
|
|
<input type="text" id="range_gaji" class="form-control input-custom">
|
|
</div>
|
|
<div class="col-md-12 form-group-custom">
|
|
<label class="fw-bold small text-muted">Deskripsi Pekerjaan</label>
|
|
<textarea id="deskripsi_pekerjaan" class="form-control input-custom" rows="3"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="mt-5 d-flex gap-2 justify-content-end">
|
|
<button type="submit" id="btnUpdate" class="btn text-white px-5 shadow-sm" style="background-color: var(--primary-green); border-radius: 10px;">Perbarui Data</button>
|
|
<a href="{{ route('admin.prospek-kerja') }}" class="btn btn-light px-4" style="border-radius: 10px;">Batal</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const prospekId = document.getElementById('prospek_id').value;
|
|
|
|
async function loadJurusanAndData() {
|
|
const token = localStorage.getItem('access_token');
|
|
|
|
try {
|
|
const resJurusan = await fetch('/api/admin/jurusan', {
|
|
headers: { 'Authorization': 'Bearer ' + token }
|
|
});
|
|
const resultJurusan = await resJurusan.json();
|
|
const select = document.getElementById('jurusan_id');
|
|
select.innerHTML = '<option value="" disabled>Pilih Jurusan Terkait...</option>';
|
|
|
|
resultJurusan.data.forEach(item => {
|
|
select.innerHTML += `<option value="${item.id}">${item.nama_jurusan}</option>`;
|
|
});
|
|
|
|
const resProspek = await fetch(`/api/admin/prospek-kerja/${prospekId}`, {
|
|
headers: { 'Authorization': 'Bearer ' + token }
|
|
});
|
|
const resultProspek = await resProspek.json();
|
|
|
|
if (resProspek.ok) {
|
|
document.getElementById('jurusan_id').value = resultProspek.data.jurusan_id;
|
|
document.getElementById('nama_profesi').value = resultProspek.data.nama_profesi;
|
|
document.getElementById('range_gaji').value = resultProspek.data.range_gaji || '';
|
|
document.getElementById('deskripsi_pekerjaan').value = resultProspek.data.deskripsi_pekerjaan || '';
|
|
}
|
|
} catch (error) { console.error(error); }
|
|
}
|
|
|
|
document.getElementById('formEditProspek').addEventListener('submit', async (e) => {
|
|
e.preventDefault();
|
|
const btn = document.getElementById('btnUpdate');
|
|
btn.disabled = true;
|
|
|
|
const payload = {
|
|
jurusan_id: document.getElementById('jurusan_id').value,
|
|
nama_profesi: document.getElementById('nama_profesi').value,
|
|
range_gaji: document.getElementById('range_gaji').value,
|
|
deskripsi_pekerjaan: document.getElementById('deskripsi_pekerjaan').value
|
|
};
|
|
|
|
try {
|
|
const response = await fetch(`/api/admin/prospek-kerja/${prospekId}`, {
|
|
method: 'PUT',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'Authorization': 'Bearer ' + localStorage.getItem('access_token'),
|
|
'Accept': 'application/json'
|
|
},
|
|
body: JSON.stringify(payload)
|
|
});
|
|
|
|
if (response.ok) {
|
|
Swal.fire({ icon: 'success', title: 'Berhasil Diperbarui!', confirmButtonColor: '#2D6A4F' })
|
|
.then(() => { window.location.href = "{{ route('admin.prospek-kerja') }}"; });
|
|
}
|
|
} catch (error) { Swal.fire('Error!', 'Gagal koneksi.', 'error'); }
|
|
finally { btn.disabled = false; }
|
|
});
|
|
|
|
document.addEventListener('DOMContentLoaded', loadJurusanAndData);
|
|
</script>
|
|
@endsection |