7 changed files with 195 additions and 114 deletions
@ -1,5 +1,117 @@
|
||||
@extends('layouts.main') |
||||
@section('content') |
||||
@include('layouts.components.alert-prompt') |
||||
<p>Halaman edit transfer</p> |
||||
<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 Transfer Peti</h5> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card-body"> |
||||
<form action="{{ route('dashboard.transfer.update', $transfer->id) }}" method="POST" enctype="multipart/form-data" |
||||
id="transferForm"> |
||||
@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" id="peti_id" disabled> |
||||
<option disabled selected>Pilih Detail Peti</option> |
||||
@foreach ($peti as $data_peti) |
||||
<option value="{{ $data_peti->id }}" |
||||
{{ $data_peti->id == $transfer->peti_id ? 'selected' : '' }}> |
||||
{{ $data_peti->fix_lot }} |
||||
</option> |
||||
@endforeach |
||||
</select> |
||||
|
||||
<label for="date" class="col-form-label">Tanggal Transfer: <span |
||||
class="text-danger">*</span></label> |
||||
<input class="form-control" name="date" type="date" id="date" value="{{ $transfer->date }}"> |
||||
|
||||
<label for="name_customer" class="col-form-label">Customer: <span class="text-danger">*</span></label> |
||||
<select class="form-control" name="name_customer" id="name_customer" required> |
||||
<option disabled selected>Pilih Customer</option> |
||||
@foreach ($customer as $data_customer) |
||||
<option value="{{ $data_customer->id }}" |
||||
{{ $data_customer->id == $transfer->name_customer ? 'selected' : '' }}> |
||||
{{ $data_customer->name }} |
||||
</option> |
||||
@endforeach |
||||
</select> |
||||
|
||||
<label for="source_warehouse" class="col-form-label">Asal Gudang: <span |
||||
class="text-danger">*</span></label> |
||||
<select class="form-control" name="source_warehouse" id="source_warehouse" required> |
||||
<option disabled selected>Pilih Asal Gudang</option> |
||||
@foreach ($warehouse as $data) |
||||
<option value="{{ $data->id }}" |
||||
{{ $data->id == $transfer->destination_warehouse ? 'selected' : '' }}> |
||||
{{ $data->name }} |
||||
</option> |
||||
@endforeach |
||||
</select> |
||||
|
||||
<label for="destination_warehouse" class="col-form-label">Tujuan Gudang: <span |
||||
class="text-danger">*</span></label> |
||||
<select class="form-control" name="destination_warehouse" type="text"> |
||||
<option disabled selected>Pilih Tujuan Gudang</option> |
||||
@foreach ($warehouse as $data) |
||||
<option value="{{ $data->id }}">{{ $data->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
</div> |
||||
<div class="modal-footer d-flex justify-content-center"> |
||||
<a href="{{ route('dashboard.transfer.index') }}" class="btn btn-secondary">Kembali</a> |
||||
<button type="submit" class="btn btn-primary" id="submitButton">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
{{-- |
||||
|
||||
|
||||
</div> |
||||
|
||||
<!-- auto disable form pada saat sudah di simpan--> |
||||
<script> |
||||
document.getElementById('transferForm').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 source_warehouseSelect = document.getElementById('source_warehouse'); |
||||
|
||||
// Mendapatkan elemen select Customer |
||||
const name_customerSelect = document.getElementById('name_customer'); |
||||
|
||||
// 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 |
||||
source_warehouseSelect.value = warehouseId; |
||||
|
||||
// Memilih customer berdasarkan data-customer-name |
||||
for (let i = 0; i < name_customerSelect.options.length; i++) { |
||||
if (name_customerSelect.options[i].text === customerName) { |
||||
name_customerSelect.selectedIndex = i; |
||||
break; |
||||
} |
||||
} |
||||
}); |
||||
</script> --}} |
||||
@endsection |
||||
|
||||
@ -1,5 +0,0 @@
|
||||
@extends('layouts.main') |
||||
@section('content') |
||||
@include('layouts.components.alert-prompt') |
||||
<p>Halaman show transfer</p> |
||||
@endsection |
||||
Loading…
Reference in new issue