105 lines
4.8 KiB
PHP
105 lines
4.8 KiB
PHP
@extends('layout.master')
|
|
@section('content')
|
|
<div class="container-fluid">
|
|
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="col-12" style="padding: 0 0 35px 0">
|
|
<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="col-xxl-12" style="padding: 30px 0 0">
|
|
<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="#Tab1"
|
|
role="tab">Pengendalian KBL
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="tab" href="#Tab2" role="tab">
|
|
Peningkatan Ketahanan Pangan
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="tab" href="#experience" role="tab">
|
|
Pengendalian Penyakit Terkait Iklim
|
|
</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="Tab1" role="tabpanel">
|
|
@include('admin.adaptasi_perubahan.pengendalian_kbl')
|
|
<div class="d-flex align-items-start gap-3 mt-4">
|
|
<button type="button"
|
|
class="btn btn-success btn-label right ms-auto nexttab nexttab"
|
|
onclick="showTab('contact')"><i
|
|
class="ri-arrow-right-line label-icon align-middle fs-16 ms-2"></i>Go to
|
|
more
|
|
info</button>
|
|
</div>
|
|
<script>
|
|
function showTab(tabId) {
|
|
// Sembunyikan semua tab
|
|
document.querySelectorAll('.tab-content').forEach(tab => {
|
|
tab.classList.remove('active');
|
|
});
|
|
|
|
// Tampilkan tab yang dipilih
|
|
document.getElementById(tabId).classList.add('active');
|
|
}
|
|
</script>
|
|
{{-- <div class="d-flex align-items-start gap-3 mt-4">
|
|
<button type="button" class="btn btn-link text-decoration-none btn-label previestab" data-previous="pills-gen-info-tab"><i class="ri-arrow-left-line label-icon align-middle fs-16 me-2"></i> Back to General</button>
|
|
<button type="button" class="btn btn-success btn-label right ms-auto nexttab nexttab" data-nexttab="pills-success-tab"><i class="ri-arrow-right-line label-icon align-middle fs-16 ms-2"></i>Submit</button>
|
|
</div> --}}
|
|
</div>
|
|
|
|
|
|
{{-- <!--end tab-pane-->
|
|
<div class="tab-pane" id="Tab1" role="tabpanel">
|
|
|
|
</div> --}}
|
|
<!--end tab-pane-->
|
|
<div class="tab-pane" id="Tab2" role="tabpanel">
|
|
@include('admin.adaptasi_perubahan.pengendalian_kekeringan')
|
|
</div>
|
|
<!--end tab-pane-->
|
|
<div class="tab-pane" id="experience" role="tabpanel">
|
|
@include('admin.adaptasi_perubahan.pengendalian_penyakit')
|
|
</div>
|
|
<!--end tab-pane-->
|
|
{{-- <div class="tab-pane" id="privacy" role="tabpanel">
|
|
|
|
</div> --}}
|
|
<!--end tab-pane-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- @include('admin.adaptasi_perubahan.form_adaptasi_perubahan') --}}
|
|
|
|
|
|
|
|
</div>
|
|
@endsection |