685 lines
43 KiB
PHP
685 lines
43 KiB
PHP
<div class="row">
|
|
<!--end col-->
|
|
<div class="col-xxl-12">
|
|
<div class="card mt-xxl-n5">
|
|
<div class="card-header">
|
|
<ul class="nav nav-tabs-custom rounded card-header-tabs border-bottom-0" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" data-bs-toggle="tab" href="#personalDetails" role="tab">
|
|
<i class="fas fa-home"></i> Data Dasar
|
|
</a>
|
|
</li>
|
|
{{-- <li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="tab" href="#lahandominan" role="tab">
|
|
<i class="far fa-user"></i> Lahan Dominan
|
|
</a>
|
|
</li> --}}
|
|
{{-- <li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="tab" href="#experience" role="tab">
|
|
<i class="far fa-envelope"></i> Experience
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="tab" href="#privacy" role="tab">
|
|
<i class="far fa-envelope"></i> Privacy Policy
|
|
</a>
|
|
</li> --}}
|
|
</ul>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="addproduct-general-info" role="tabpanel">
|
|
<div class="row">
|
|
<form action="">
|
|
<div class="row mb-3">
|
|
<div class="col-lg-2">
|
|
<label for="nameInput" class="form-label">Luas Lokasi Proklim</label>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername" placeholder="">
|
|
<div class="input-group-text col-lg-2">Ha</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername" placeholder="Keterangan Tambahan">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<div class="col-lg-2">
|
|
<label for="nameInput" class="form-label">Jumlah Kepala Keluarga</label>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername" placeholder="">
|
|
<div class="input-group-text col-lg-2">KK</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername" placeholder="Keterangan Tambahan">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<div class="col-lg-2">
|
|
<label for="nameInput" class="form-label">Jumlah Penduduk</label>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername" placeholder="">
|
|
<div class="input-group-text col-lg-2">Jiwa</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername" placeholder="Keterangan Tambahan">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<div class="col-lg-2">
|
|
<label for="nameInput" class="form-label">Ketinggian / Elevasi dari Permukaan
|
|
Laut</label>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername" placeholder="">
|
|
<div class="input-group-text col-lg-2">mdpl</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername" placeholder="Keterangan Tambahan">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Tiga Penggunaan Lahan Dominan -->
|
|
<div class="mt-4 mb-3 border-bottom pb-1">
|
|
<h5 class="card-title">Tiga Penggunaan Lahan Dominan</h5>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="mb-4">
|
|
<label for="kecamatan" class="form-label">Kategori</label>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="kota" id="kota"
|
|
style="padding: 10px" onchange="updateKecamatan()">
|
|
<option value="">-- Pilih Kategori --</option>
|
|
<option value="pertanian">Pertanian</option>
|
|
<option value="perkebunan">Perkebunan</option>
|
|
<option value="hutan">Hutan</option>
|
|
<option value="permukiman">Permukiman</option>
|
|
<option value="industri">Industri</option>
|
|
<option value="perikanan">Perikanan</option>
|
|
<option value="">Lainnya</option>
|
|
</select>
|
|
<input type="text" id="customOption" placeholder="Masukkan opsi baru"
|
|
style="display:none;">
|
|
<button onclick="addOption()" style="display:none;"
|
|
id="addButton">Tambahkan</button>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
<label for="kecamatan" class="form-label">Persentasi</label>
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername" placeholder="">
|
|
<div class="input-group-text col-lg-2">%</div>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
<label for="kecamatan" class="form-label">Keterangan</label>
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername"
|
|
placeholder="Tambahkan ( Jika ada )">
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="mb-4">
|
|
{{-- <label for="kecamatan" class="form-label">Kategori</label> --}}
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="kota" id="kota"
|
|
style="padding: 10px" onchange="updateKecamatan()">
|
|
<option value="">-- Pilih Kategori --</option>
|
|
<option value="pertanian">Pertanian</option>
|
|
<option value="perkebunan">Perkebunan</option>
|
|
<option value="hutan">Hutan</option>
|
|
<option value="permukiman">Permukiman</option>
|
|
<option value="industri">Industri</option>
|
|
<option value="perikanan">Perikanan</option>
|
|
<option value="">Lainnya</option>
|
|
</select>
|
|
<input type="text" id="customOption" placeholder="Masukkan opsi baru"
|
|
style="display:none;">
|
|
<button onclick="addOption()" style="display:none;"
|
|
id="addButton">Tambahkan</button>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
{{-- <label for="kecamatan" class="form-label">Persentasi</label> --}}
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername" placeholder="">
|
|
<div class="input-group-text col-lg-2">%</div>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
{{-- <label for="kecamatan" class="form-label">Keterangan</label> --}}
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername"
|
|
placeholder="Tambahkan ( Jika ada )">
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="mb-4">
|
|
{{-- <label for="kecamatan" class="form-label">Kategori</label> --}}
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="kota" id="kota"
|
|
style="padding: 10px" onchange="updateKecamatan()">
|
|
<option value="">-- Pilih Kategori --</option>
|
|
<option value="pertanian">Pertanian</option>
|
|
<option value="perkebunan">Perkebunan</option>
|
|
<option value="hutan">Hutan</option>
|
|
<option value="permukiman">Permukiman</option>
|
|
<option value="industri">Industri</option>
|
|
<option value="perikanan">Perikanan</option>
|
|
<option value="">Lainnya</option>
|
|
</select>
|
|
<input type="text" id="customOption" placeholder="Masukkan opsi baru"
|
|
style="display:none;">
|
|
<button onclick="addOption()" style="display:none;"
|
|
id="addButton">Tambahkan</button>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
{{-- <label for="kecamatan" class="form-label">Persentasi</label> --}}
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername" placeholder="">
|
|
<div class="input-group-text col-lg-2">%</div>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
{{-- <label for="kecamatan" class="form-label">Keterangan</label> --}}
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="inlineFormInputGroupUsername"
|
|
placeholder="Tambahkan ( Jika ada )">
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end tab content -->
|
|
</div>
|
|
<div class="mt-4 mb-3 border-bottom pb-1">
|
|
<h5 class="card-title">Tiga Sumber Penghasilan Utama Penduduk</h5>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="mb-4">
|
|
<label for="kecamatan" class="form-label">Kategori</label>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="kota" id="kota"
|
|
style="padding: 10px" onchange="updateKecamatan()">
|
|
<option value="">-- Pilih Kategori --</option>
|
|
<option value="pertanian">Pertanian</option>
|
|
<option value="perkebunan">Perkebunan</option>
|
|
<option value="perikanan">Perikanan</option>
|
|
<option value="perternakan">Perternakan</option>
|
|
<option value="kehutan">Keutan</option>
|
|
<option value="buruh_pabrik">Buru Pabrik</option>
|
|
<option value="tambang_galian">Tambang/Galian</option>
|
|
<option value="pedagang">Pedagang</option>
|
|
<option value="pegawai">Pegawai</option>
|
|
<option value="industri">Industri</option>
|
|
<option value="wirahusaha">Wirausaha</option>
|
|
<option value="lainnya">Lainnya</option>
|
|
</select>
|
|
<input type="text" id="customOption" placeholder="Masukkan opsi baru"
|
|
style="display:none;">
|
|
<button onclick="addOption()" style="display:none;"
|
|
id="addButton">Tambahkan</button>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
<label for="kecamatan" class="form-label">Persentasi</label>
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername"
|
|
placeholder="">
|
|
<div class="input-group-text col-lg-2">%</div>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
<label for="kecamatan" class="form-label">Keterangan</label>
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername"
|
|
placeholder="Tambahkan ( Jika ada )">
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="mb-4">
|
|
{{-- <label for="kecamatan" class="form-label">Kategori</label> --}}
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="kota" id="kota"
|
|
style="padding: 10px" onchange="updateKecamatan()">
|
|
<option value="">-- Pilih Kategori --</option>
|
|
<option value="pertanian">Pertanian</option>
|
|
<option value="perkebunan">Perkebunan</option>
|
|
<option value="perikanan">Perikanan</option>
|
|
<option value="perternakan">Perternakan</option>
|
|
<option value="kehutan">Keutan</option>
|
|
<option value="buruh_pabrik">Buru Pabrik</option>
|
|
<option value="tambang_galian">Tambang/Galian</option>
|
|
<option value="pedagang">Pedagang</option>
|
|
<option value="pegawai">Pegawai</option>
|
|
<option value="industri">Industri</option>
|
|
<option value="wirahusaha">Wirausaha</option>
|
|
<option value="lainnya">Lainnya</option>
|
|
</select>
|
|
<input type="text" id="customOption" placeholder="Masukkan opsi baru"
|
|
style="display:none;">
|
|
<button onclick="addOption()" style="display:none;"
|
|
id="addButton">Tambahkan</button>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
{{-- <label for="kecamatan" class="form-label">Persentasi</label> --}}
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername"
|
|
placeholder="">
|
|
<div class="input-group-text col-lg-2">%</div>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
{{-- <label for="kecamatan" class="form-label">Keterangan</label> --}}
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername"
|
|
placeholder="Tambahkan ( Jika ada )">
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="mb-4">
|
|
{{-- <label for="kecamatan" class="form-label">Kategori</label> --}}
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="kota" id="kota"
|
|
style="padding: 10px" onchange="updateKecamatan()">
|
|
<option value="">-- Pilih Kategori --</option>
|
|
<option value="pertanian">Pertanian</option>
|
|
<option value="perkebunan">Perkebunan</option>
|
|
<option value="perikanan">Perikanan</option>
|
|
<option value="perternakan">Perternakan</option>
|
|
<option value="kehutan">Keutan</option>
|
|
<option value="buruh_pabrik">Buru Pabrik</option>
|
|
<option value="tambang_galian">Tambang/Galian</option>
|
|
<option value="pedagang">Pedagang</option>
|
|
<option value="pegawai">Pegawai</option>
|
|
<option value="industri">Industri</option>
|
|
<option value="wirahusaha">Wirausaha</option>
|
|
<option value="lainnya">Lainnya</option>
|
|
</select>
|
|
<input type="text" id="customOption" placeholder="Masukkan opsi baru"
|
|
style="display:none;">
|
|
<button onclick="addOption()" style="display:none;"
|
|
id="addButton">Tambahkan</button>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
{{-- <label for="kecamatan" class="form-label">Persentasi</label> --}}
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername"
|
|
placeholder="">
|
|
<div class="input-group-text col-lg-2">%</div>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
{{-- <label for="kecamatan" class="form-label">Keterangan</label> --}}
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername"
|
|
placeholder="Tambahkan ( Jika ada )">
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-4 mb-3 border-bottom pb-1">
|
|
<h5 class="card-title">Curah Hujan Rata-Rata</h5>
|
|
</div>
|
|
<div class="row">
|
|
<form action="">
|
|
<div class="row mb-3">
|
|
<div class="col-lg-2">
|
|
<label for="nameInput" class="form-label">Curah Hujan Rata-Rata Tahunan</label>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername"
|
|
placeholder="">
|
|
<div class="input-group-text col-lg-3">mm/Tahun</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<div class="col-lg-2">
|
|
<label for="nameInput" class="form-label">Data Curah Hujan Bulanan (Tahun…)
|
|
</label>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername"
|
|
placeholder="">
|
|
<div class="input-group-text col-lg-3">Tahun</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<div class="col-lg-12">
|
|
<label for="nameInput" class="form-label"><strong
|
|
style="font-size: 20px">Kategori :</strong></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
$bulan = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
|
|
?>
|
|
@foreach ($bulan as $key => $value)
|
|
<div class="row mb-3">
|
|
<div class="col-lg-2">
|
|
<label for="nameInput" class="form-label">{{ $value }}</label>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="number" class="form-control"
|
|
id="curahHujan{{ $key + 1 }}" placeholder=""
|
|
oninput="updateKategori({{ $key + 1 }})">
|
|
<div class="input-group-text col-lg-3">mm/Bulan</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control"
|
|
id="kategori{{ $key + 1 }}" placeholder="" readonly>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</form>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="mb-4">
|
|
<label for="kecamatan" class="form-label">Sumber Data</label>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="kota" id="kota"
|
|
style="padding: 10px" onchange="updateKecamatan()">
|
|
<option value="">-- Pilih Kategori --</option>
|
|
<option value="bmkg">BMKG</option>
|
|
<option value="dinas_pertanian">Dinas Pertanian</option>
|
|
<option value="kda">Lainnya</option>
|
|
</select>
|
|
<input type="text" id="customOption" placeholder="Masukkan opsi baru"
|
|
style="display:none;">
|
|
<button onclick="addOption()" style="display:none;"
|
|
id="addButton">Tambahkan</button>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
<label for="kecamatan" class="form-label">Keterangan</label>
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername"
|
|
placeholder="Tambahkan ( Jika ada )">
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Suhu Rata-Rata -->
|
|
<div class="mt-4 mb-3 border-bottom pb-1">
|
|
<h5 class="card-title">Suhu Rata-Rata</h5>
|
|
</div>
|
|
<form action="">
|
|
<div class="row mb-3">
|
|
<div class="col-lg-2">
|
|
<label for="nameInput" class="form-label">Suhu Rata-Rata Tahunan</label>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername"
|
|
placeholder="">
|
|
<div class="input-group-text col-lg-3">mm/Tahun</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<div class="col-lg-2">
|
|
<label for="nameInput" class="form-label">Data Suhu Bulanan (Tahun..)</label>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername"
|
|
placeholder="">
|
|
<div class="input-group-text col-lg-3">Tahun</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
$bulan = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
|
|
?>
|
|
@foreach ($bulan as $key => $value)
|
|
<div class="row mb-3">
|
|
<div class="col-lg-2">
|
|
<label for="nameInput" class="form-label">{{ $value }}</label>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="number" class="form-control"
|
|
id="curahHujan{{ $key + 1 }}" placeholder=""
|
|
oninput="updateKategori({{ $key + 1 }})">
|
|
<div class="input-group-text col-lg-3">°C</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</form>
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="mb-4">
|
|
<label for="kecamatan" class="form-label">Sumber Data</label>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="kota" id="kota"
|
|
style="padding: 10px" onchange="updateKecamatan()">
|
|
<option value="">-- Pilih Kategori --</option>
|
|
<option value="bmkg">BMKG</option>
|
|
<option value="dinas_pertanian">Dinas Pertanian</option>
|
|
<option value="kda">Lainnya</option>
|
|
</select>
|
|
<input type="text" id="customOption" placeholder="Masukkan opsi baru"
|
|
style="display:none;">
|
|
<button onclick="addOption()" style="display:none;"
|
|
id="addButton">Tambahkan</button>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
<label for="kecamatan" class="form-label">Keterangan</label>
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername"
|
|
placeholder="Tambahkan ( Jika ada )">
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 ms-auto d-flex justify-content-end">
|
|
<button type="button" class="btn btn-success me-2">Save</button>
|
|
<button type="button" class="btn btn-light">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
</div>
|
|
</div>
|