insyaallah revisi done
This commit is contained in:
@@ -94,16 +94,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 }}" {{ $admin->getMyCabangAndRegion()['cabang'] == $cabang->name ? '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>
|
||||
@@ -125,4 +137,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
|
||||
|
||||
Reference in New Issue
Block a user