434 lines
28 KiB
PHP
434 lines
28 KiB
PHP
@include('admin.layout-admin.head')
|
|
|
|
<!-- Begin page -->
|
|
<div id="layout-wrapper">
|
|
|
|
@include('admin.layout-admin.navbar')
|
|
|
|
<!-- removeNotificationModal -->
|
|
<div id="removeNotificationModal" class="modal fade zoomIn" tabindex="-1" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
|
|
id="NotificationModalbtn-close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="mt-2 text-center">
|
|
<lord-icon src="https://cdn.lordicon.com/gsqxdxog.json" trigger="loop"
|
|
colors="primary:#495057,secondary:#f06548" style="width:100px;height:100px"></lord-icon>
|
|
<div class="mt-4 pt-2 fs-15 mx-4 mx-sm-5">
|
|
<h4 class="fw-bold">Are you sure ?</h4>
|
|
<p class="text-muted mx-4 mb-0">Are you sure you want to remove this Notification ?</p>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex gap-2 justify-content-center mt-4 mb-2">
|
|
<button type="button" class="btn w-sm btn-light" data-bs-dismiss="modal">Close</button>
|
|
<button type="button" class="btn w-sm btn-danger" id="delete-notification">Yes, Delete
|
|
It!</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
<!-- ========== App Menu ========== -->
|
|
@include('admin.layout-admin.sidebar')
|
|
<!-- Left Sidebar End -->
|
|
<!-- Vertical Overlay-->
|
|
<div class="vertical-overlay"></div>
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- Start right Content here -->
|
|
<!-- ============================================================== -->
|
|
<div class="main-content">
|
|
|
|
<div class="page-content">
|
|
<div class="container-fluid">
|
|
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
|
|
<h4 class="mb-sm-0">Starter</h4>
|
|
|
|
<div class="page-title-right">
|
|
<ol class="breadcrumb m-0">
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Pages</a></li>
|
|
<li class="breadcrumb-item active">Starter</li>
|
|
</ol>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
|
|
<div class="row">
|
|
<div class="col-xxl-3">
|
|
<div class="card mt-n6">
|
|
<div class="card-body p-4">
|
|
<div class="text-center">
|
|
<div class="profile-user position-relative d-inline-block mx-auto mb-4">
|
|
<img src="{{ asset('assets/images/users/avatar-1.jpg') }}"
|
|
class="rounded-circle avatar-xl img-thumbnail user-profile-image"
|
|
alt="user-profile-image">
|
|
<div class="avatar-xs p-0 rounded-circle profile-photo-edit">
|
|
<input id="profile-img-file-input" type="file"
|
|
class="profile-img-file-input">
|
|
<label for="profile-img-file-input" class="profile-photo-edit avatar-xs">
|
|
<span class="avatar-title rounded-circle bg-light text-body">
|
|
<i class="ri-camera-fill"></i>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<h5 class="mb-1">Admin</h5>
|
|
<p class="text-muted mb-0">Dinas Lingkungan Hidup</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end card-->
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center mb-5">
|
|
<div class="flex-grow-1">
|
|
<h5 class="card-title mb-0">Complete Your Profile</h5>
|
|
</div>
|
|
<div class="flex-shrink-0">
|
|
<a href="javascript:void(0);" class="badge bg-light text-primary fs-12"><i
|
|
class="ri-edit-box-line align-bottom me-1"></i> Edit</a>
|
|
</div>
|
|
</div>
|
|
<div class="progress animated-progress custom-progress progress-label">
|
|
<div class="progress-bar bg-danger" role="progressbar" style="width: 30%"
|
|
aria-valuenow="30" aria-valuemin="0" aria-valuemax="100">
|
|
<div class="label">30%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- <div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center mb-4">
|
|
<div class="flex-grow-1">
|
|
<h5 class="card-title mb-0">Portfolio</h5>
|
|
</div>
|
|
<div class="flex-shrink-0">
|
|
<a href="javascript:void(0);" class="badge bg-light text-primary fs-12"><i class="ri-add-fill align-bottom me-1"></i> Add</a>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 d-flex">
|
|
<div class="avatar-xs d-block flex-shrink-0 me-3">
|
|
<span class="avatar-title rounded-circle fs-16 bg-dark text-light">
|
|
<i class="ri-github-fill"></i>
|
|
</span>
|
|
</div>
|
|
<input type="email" class="form-control" id="gitUsername" placeholder="Username" value="@daveadame">
|
|
</div>
|
|
<div class="mb-3 d-flex">
|
|
<div class="avatar-xs d-block flex-shrink-0 me-3">
|
|
<span class="avatar-title rounded-circle fs-16 bg-primary">
|
|
<i class="ri-global-fill"></i>
|
|
</span>
|
|
</div>
|
|
<input type="text" class="form-control" id="websiteInput" placeholder="www.example.com" value="www.velzon.com">
|
|
</div>
|
|
<div class="mb-3 d-flex">
|
|
<div class="avatar-xs d-block flex-shrink-0 me-3">
|
|
<span class="avatar-title rounded-circle fs-16 bg-success">
|
|
<i class="ri-dribbble-fill"></i>
|
|
</span>
|
|
</div>
|
|
<input type="text" class="form-control" id="dribbleName" placeholder="Username" value="@dave_adame">
|
|
</div>
|
|
<div class="d-flex">
|
|
<div class="avatar-xs d-block flex-shrink-0 me-3">
|
|
<span class="avatar-title rounded-circle fs-16 bg-danger">
|
|
<i class="ri-pinterest-fill"></i>
|
|
</span>
|
|
</div>
|
|
<input type="text" class="form-control" id="pinterestName" placeholder="Username" value="Advance Dave">
|
|
</div>
|
|
</div>
|
|
</div> --}}
|
|
<!--end card-->
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-xxl-9">
|
|
<div class="card mt-xxl-n6">
|
|
<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">
|
|
Data Diri
|
|
</a>
|
|
</li>
|
|
{{-- <li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="tab" href="#changePassword" role="tab">
|
|
<i class="far fa-user"></i> Change Password
|
|
</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 p-4">
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="personalDetails" role="tabpanel">
|
|
<form action="javascript:void(0);">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="mb-3">
|
|
<label for="firstnameInput" class="form-label">Nama
|
|
Lengkap</label>
|
|
<input type="text" class="form-control" id="firstnameInput"
|
|
placeholder="Nama Lengkap" value="">
|
|
</div>
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-lg-6">
|
|
<div class="mb-3">
|
|
<label for="jabatan" class="form-label">Jabatan</label>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-control" data-choices
|
|
data-choices-search-false name="jabatan"
|
|
id="jabatan">
|
|
<option value="">-- Pilih Jabatan --</option>
|
|
<option value="aceh">Ketua Kelompok</option>
|
|
<option value="sumut">Anggota Kelompok</option>
|
|
<option value="sumbar">Pemerintah Provinsi</option>
|
|
<option value="riau">Pemerintah Daerah</option>
|
|
<option value="kepri">Dunia Usaha</option>
|
|
<option value="jambi">Lainnya</option>
|
|
</select>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
<label for="provinsi" class="form-label">Provinsi</label>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-control" data-choices
|
|
data-choices-search-false name="provinsi"
|
|
id="provinsi" onchange="updateKota()">
|
|
<option value="">-- Pilih Provinsi --
|
|
</option>
|
|
<option value="aceh">Aceh</option>
|
|
<option value="sumut">Sumatera Utara</option>
|
|
<option value="sumbar">Sumatera Barat</option>
|
|
<option value="riau">Riau</option>
|
|
<option value="kepri">Kepulauan Riau</option>
|
|
<option value="jambi">Jambi</option>
|
|
<option value="sumsel">Sumatera Selatan</option>
|
|
<option value="babel">Bangka Belitung</option>
|
|
<option value="bengkulu">Bengkulu</option>
|
|
<option value="lampung">Lampung</option>
|
|
<option value="jakarta">DKI Jakarta</option>
|
|
<option value="banten">Banten</option>
|
|
<option value="jabar">Jawa Barat</option>
|
|
<option value="jateng">Jawa Tengah</option>
|
|
<option value="yogyakarta">DI Yogyakarta</option>
|
|
<option value="jatim">Jawa Timur</option>
|
|
<option value="kalbar">Kalimantan Barat</option>
|
|
<option value="kalteng">Kalimantan Tengah</option>
|
|
<option value="kalsel">Kalimantan Selatan</option>
|
|
<option value="kaltim">Kalimantan Timur</option>
|
|
<option value="kalut">Kalimantan Utara</option>
|
|
<option value="sulut">Sulawesi Utara</option>
|
|
<option value="gorontalo">Gorontalo</option>
|
|
<option value="sulteng">Sulawesi Tengah</option>
|
|
<option value="sulbar">Sulawesi Barat</option>
|
|
<option value="sulsel">Sulawesi Selatan</option>
|
|
<option value="sultenggara">Sulawesi Tenggara
|
|
</option>
|
|
<option value="bali">Bali</option>
|
|
<option value="ntb">Nusa Tenggara Barat</option>
|
|
<option value="ntt">Nusa Tenggara Timur</option>
|
|
<option value="maluku">Maluku</option>
|
|
<option value="malut">Maluku Utara</option>
|
|
<option value="papua">Papua</option>
|
|
<option value="papua_tengah">Papua Tengah</option>
|
|
<option value="papua_pegunungan">Papua Pegunungan
|
|
</option>
|
|
<option value="papua_selatan">Papua Selatan
|
|
</option>
|
|
<option value="papua_barat">Papua Barat</option>
|
|
<option value="papua_barat_daya">Papua Barat Daya
|
|
</option>
|
|
</select>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
<label for="kota" class="form-label">Kota</label>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-control" data-choices
|
|
data-choices-search-false name="kota"
|
|
id="kota" onchange="updateKecamatan()">
|
|
<option value="">-- Pilih Kota --</option>
|
|
</select>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
<label for="kecamatan" class="form-label">Kecamatan</label>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-control" data-choices
|
|
data-choices-search-false name="kecamatan"
|
|
id="kecamatan" onchange="updateKelurahan()">
|
|
<option value="">-- Pilih Kecamatan --
|
|
</option>
|
|
</select>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="mb-3">
|
|
<label for="kelurahan" class="form-label">Kelurahan</label>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<select class="form-control" data-choices
|
|
data-choices-search-false name="kelurahan"
|
|
id="kelurahan">
|
|
<option value="">-- Pilih Kelurahan --
|
|
</option>
|
|
</select>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-12">
|
|
<div class="mb-3 pb-2">
|
|
<label for="exampleFormControlTextarea"
|
|
class="form-label">Alamat</label>
|
|
<textarea class="form-control" id="exampleFormControlTextarea" placeholder="Alamat Lengkap" rows="3"></textarea>
|
|
</div>
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-lg-6">
|
|
<div class="mb-3">
|
|
<label for="phonenumberInput" class="form-label">Nomor Telpon
|
|
/ HP</label>
|
|
<input type="text" class="form-control"
|
|
id="phonenumberInput" placeholder="Nomor Telpon/HP"
|
|
value="">
|
|
</div>
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-lg-6">
|
|
<div class="mb-3">
|
|
<label for="emailInput" class="form-label">Email</label>
|
|
<input type="email" class="form-control" id="emailInput"
|
|
placeholder="Alamat Email" value="">
|
|
</div>
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-lg-12" style="padding: 155px 0 0 0">
|
|
<div class="hstack gap-2 justify-content-end">
|
|
<button type="submit"
|
|
class="btn btn-primary">Updates</button>
|
|
<button type="button"
|
|
class="btn btn-soft-success">Cancel</button>
|
|
</div>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end main content-->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<!-- container-fluid -->
|
|
</div>
|
|
<!-- End Page-content -->
|
|
|
|
<footer class="footer">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<script>
|
|
document.write(new Date().getFullYear())
|
|
</script> © Proklim.
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="text-sm-end d-none d-sm-block">
|
|
Dinas Lingkungan Hidup Provinsi DKI Jakarta
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<!-- end main content-->
|
|
|
|
</div>
|
|
<!-- END layout-wrapper -->
|
|
|
|
|
|
<!--start back-to-top-->
|
|
<button onclick="topFunction()" class="btn btn-danger btn-icon" id="back-to-top">
|
|
<i class="ri-arrow-up-line"></i>
|
|
</button>
|
|
<!--end back-to-top-->
|
|
|
|
<!--preloader-->
|
|
<div id="preloader">
|
|
<div id="status">
|
|
<div class="spinner-border text-primary avatar-sm" role="status">
|
|
<span class="visually-hidden">Loading...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="customizer-setting d-none d-md-block">
|
|
<div class="btn-info btn-rounded shadow-lg btn btn-icon btn-lg p-2" data-bs-toggle="offcanvas"
|
|
data-bs-target="#theme-settings-offcanvas" aria-controls="theme-settings-offcanvas">
|
|
<i class='mdi mdi-spin mdi-cog-outline fs-22'></i>
|
|
</div>
|
|
</div>
|
|
|
|
@include('admin.layout-admin.setting')
|
|
@include('admin.layout-admin.script')
|