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.
76 lines
3.4 KiB
76 lines
3.4 KiB
1 year ago
|
@extends('layouts.main')
|
||
|
|
@section('content')
|
||
|
|
@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">Disposal Peti</h5>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card-body">
|
||
|
|
<form action="{{ route('dashboard.transfer.store') }}" method="POST" enctype="multipart/form-data"
|
||
|
|
id="transferForm">
|
||
|
|
@csrf
|
||
|
|
<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>
|
||
|
|
<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->fix_lot }}
|
||
|
|
</option>
|
||
|
|
@endforeach
|
||
|
|
</select>
|
||
|
|
|
||
|
|
<label for="name" class="col-form-label">Customer: <span class="text-danger">*</span></label>
|
||
|
|
<input class="form-control" name="name" type="text" id="name"
|
||
|
|
placeholder="Nama Customer akan otomatis terpilih ketika memilih detail peti.">
|
||
|
|
</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('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 exitWarehouseSelect = document.getElementById('exit_warehouse');
|
||
|
|
|
||
|
|
// Mendapatkan elemen input Customer
|
||
|
|
const nameInput = document.getElementById('name');
|
||
|
|
|
||
|
|
// 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
|
||
|
|
exitWarehouseSelect.value = warehouseId;
|
||
|
|
|
||
|
|
// Mengisi input Customer dengan nama pelanggan
|
||
|
|
nameInput.value = customerName;
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
@endsection
|