You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
6.2 KiB
121 lines
6.2 KiB
@extends('layouts.main') |
|
@section('content') |
|
@include('layouts.components.alert-prompt') |
|
@include('layouts.components.alert-prompt') |
|
<div class="card shadow mb-4"> |
|
<div class="card-header py-3"> |
|
<div class="row"> |
|
<div class="col-6"> |
|
<h5 class="m-0 font-weight-bold text-primary mt-2">Edit Disposal Peti</h5> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="card-body"> |
|
<form action="{{ route('dashboard.disposal.update', $disposal->id) }}" method="POST" enctype="multipart/form-data" |
|
id="disposalForm"> |
|
@csrf |
|
@method('PUT') |
|
<div class="form-group"> |
|
<label for="peti_id" class="col-form-label">Pilih Detail Peti: <span |
|
class="text-danger">*</span></label> |
|
<select class="form-control" name="peti_id" type="text" id="peti_id" required @readonly(true)> |
|
<option disabled selected>Pilih Detail Peti</option> |
|
@foreach ($peti as $data_peti) |
|
<option value="{{ $data_peti->id }}" data-warehouse-id="{{ $data_peti->warehouse_id }}" |
|
data-customer-name="{{ $data_peti->customer->name }}" |
|
{{ $data_peti->id == $disposal->peti_id ? 'selected' : '' }}> |
|
{{ $data_peti->fix_lot }} |
|
</option> |
|
@endforeach |
|
</select> |
|
|
|
<label for="customer_id" class="col-form-label">Customer: <span class="text-danger">*</span></label> |
|
<select class="form-control" name="customer_id" type="text" id="customer_id" required> |
|
<option disabled selected>Pilih Customer</option> |
|
@foreach ($customer as $data_customer) |
|
<option value="{{ $data_customer->id }}" |
|
{{ $data_customer->id == $disposal->customer_id ? 'selected' : '' }}> |
|
{{ $data_customer->name }} |
|
</option> |
|
@endforeach |
|
</select> |
|
|
|
<label for="date_disposal" class="col-form-label">Tanggal Disposal: <span |
|
class="text-danger">*</span></label> |
|
<input class="form-control" name="date_disposal" type="date" id="date_disposal" |
|
value="{{ $disposal->date_disposal }}"> |
|
|
|
<label for="warehouse_id" class="col-form-label">Asal Gudang: <span class="text-danger">*</span></label> |
|
<select class="form-control" name="warehouse_id" type="text" id="warehouse_id" required> |
|
<option disabled selected>Pilih Asal gudang</option> |
|
@foreach ($warehouse as $data_warehouse) |
|
<option value="{{ $data_warehouse->id }}" |
|
{{ $data_warehouse->id == $disposal->warehouse_id ? 'selected' : '' }}> |
|
{{ $data_warehouse->name }} |
|
</option> |
|
@endforeach |
|
</select> |
|
|
|
<label for="description" class="col-form-label">Alasan Disposal: <span |
|
class="text-danger">*</span></label> |
|
<textarea class="form-control" name="description" id="description" placeholder="Masukan Alasan Disposal" required>{{ $disposal->description }}</textarea> |
|
|
|
{{-- <label for="status_disposal" class="col-form-label">Status Peti: <span |
|
class="text-danger">*</span></label> |
|
<select class="form-control" name="status_disposal" id="status_disposal"> |
|
<option disabled>Pilih Jenis Status Peti</option> |
|
<option value="AKTIF" {{ $disposal->status_disposal === 'AKTIF' ? 'selected' : '' }}>AKTIF |
|
</option> |
|
<option value="INAKTIF" {{ $disposal->status_disposal === 'INAKTIF' ? 'selected' : '' }}>INAKTIF |
|
</option> |
|
</select> --}} |
|
|
|
</div> |
|
<div class="modal-footer d-flex justify-content-center"> |
|
<a href="{{ route('dashboard.disposal.index') }}" class="btn btn-secondary">Kembali</a> |
|
<button type="submit" class="btn btn-primary" id="submitButton">Simpan</button> |
|
</div> |
|
</form> |
|
</div> |
|
</div> |
|
|
|
<!-- auto disable form pada saat sudah di simpan--> |
|
<script> |
|
document.getElementById('disposalForm').addEventListener('submit', function() { |
|
document.getElementById('submitButton').setAttribute('disabled', 'true'); |
|
}); |
|
</script> |
|
|
|
<!-- otomatis asal gudang dan Customer berdasarkan detail peti --> |
|
<script> |
|
// Mendapatkan elemen select detail peti |
|
const petiSelect = document.getElementById('peti_id'); |
|
|
|
// Mendapatkan elemen select asal gudang |
|
const warehouseSelect = document.getElementById('warehouse_id'); |
|
|
|
// Mendapatkan elemen select Customer |
|
const customerSelect = document.getElementById('customer_id'); |
|
|
|
// Menambahkan event listener ke select detail peti |
|
petiSelect.addEventListener('change', function() { |
|
// Mendapatkan data-warehouse-id dari option yang dipilih |
|
const selectedOption = this.options[this.selectedIndex]; |
|
const warehouseId = selectedOption.getAttribute('data-warehouse-id'); |
|
|
|
// Mendapatkan data-customer-name dari option yang dipilih |
|
const customerName = selectedOption.getAttribute('data-customer-name'); |
|
|
|
// Memilih asal gudang berdasarkan data-warehouse-id |
|
warehouseSelect.value = warehouseId; |
|
|
|
// Memilih customer berdasarkan data-customer-name |
|
for (let i = 0; i < customerSelect.options.length; i++) { |
|
if (customerSelect.options[i].text === customerName) { |
|
customerSelect.selectedIndex = i; |
|
break; |
|
} |
|
} |
|
}); |
|
</script> |
|
@endsection
|
|
|