insyaallah revisi done

This commit is contained in:
Jagad R R
2025-01-23 17:46:38 +07:00
parent 6034c331c5
commit 3a01df56e9
32 changed files with 825 additions and 360 deletions
@@ -91,16 +91,28 @@
</div>
<div class="form-group col-md-6 col-sm-6">
<label for="cabang_id">Cabang</label>
<select name="cabang_id" id="cabang_id" class="form-control">
<option value="">Select Cabang</option>
@foreach ($cabangs as $cabang)
<option value="{{ $cabang->id }}" {{ old('cabang') == $cabang->id ? 'selected' : '' }}>
{{ $cabang->name }}
<label for="region_id">Region</label>
<select name="region_id" id="region_id" class="form-control">
<option value="">Select Region</option>
@foreach ($regions as $item)
<option value="{{ $item->id }}" {{ old('region_id') == $item->id ? 'selected' : '' }}>
{{ $item->name }}
</option>
@endforeach
</select>
</div>
<div class="form-group col-md-6 col-sm-6">
<label for="cabang_id">Cabang</label>
<select name="cabang_id" id="cabang_id" class="form-control"></select>
</select>
</div>
<div class="form-group col-md-6 col-sm-6">
<label for="rayon_id">Rayon</label>
<select name="rayon_id" id="rayon_id" class="form-control">
</select>
</div>
</div>
<button type="submit" class="btn btn-primary mt-4 pr-4 pl-4">Save</button>
@@ -122,4 +134,56 @@
})
</script>
<script>
$(document).ready(function() {
$('#region_id').on('change', function() {
var region_id = $(this).val();
if (region_id) {
$.ajax({
url: '/api/cabang-by-regionId/' + region_id,
type: 'GET',
dataType: 'json',
success: function(data) {
console.log(data);
$('#cabang_id').empty();
$('#cabang_id').append(
'<option value="">Select Cabang</option>');
$.each(data, function(key, value) {
$('#cabang_id').append('<option value="' + value.id + '">' +
value.name + '</option>');
});
}
});
} else {
$('#cabang_id').empty();
}
});
// cabang_id on change call /api/rayon-by-cabang/
$('#cabang_id').on('change', function() {
var cabang_id = $(this).val();
if (cabang_id) {
$.ajax({
url: '/api/rayon-by-cabangId/' + cabang_id,
type: 'GET',
dataType: 'json',
success: function(data) {
console.log(data);
$('#rayon_id').empty();
$('#rayon_id').append(
'<option value="">Select Rayon</option>');
$.each(data, function(key, value) {
$('#rayon_id').append('<option value="' + value.id + '">' +
value.name + '</option>');
});
}
});
} else {
$('#rayon_id').empty();
}
});
});
</script>
@endsection