101 lines
4.6 KiB
PHP
101 lines
4.6 KiB
PHP
@extends('layouts.app')
|
|
@push('title', 'Dashboard Petugas')
|
|
@section('content')
|
|
@push('other-css')
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
|
|
integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
|
|
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
|
|
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
|
|
@endpush
|
|
<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">Dashboard petugas</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">Dashboard petugas</li>
|
|
</ol>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="card card-animate">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<p class="fw-medium text-muted mb-0">Jumlah Lahan</p>
|
|
<h2 class="mt-4 ff-secondary fw-semibold"><span class="counter-value"
|
|
data-target="{{ $landCount }}">0</span></h2>
|
|
</div>
|
|
<div>
|
|
<div class="avatar-sm flex-shrink-0">
|
|
<span class="avatar-title bg-soft-primary rounded-circle fs-2">
|
|
<i data-feather="activity" class="text-primary"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- end card body -->
|
|
</div> <!-- end card-->
|
|
</div> <!-- end col-->
|
|
|
|
<div class="col-md-6">
|
|
<div class="card card-animate">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<p class="fw-medium text-muted mb-0">Jumlah indikator yang digunakan saat ini</p>
|
|
<h2 class="mt-4 ff-secondary fw-semibold"><span class="counter-value"
|
|
data-target="{{ $indicatorCount }}">0</span></h2>
|
|
</div>
|
|
<div>
|
|
<div class="avatar-sm flex-shrink-0">
|
|
<span class="avatar-title bg-soft-primary rounded-circle fs-2">
|
|
<i data-feather="key" class="text-primary"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- end row-->
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="card-title mb-0">Peta Lahan</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
@if ($evaluations->isEmpty())
|
|
<div class="text-center">
|
|
<h6 class="text-muted">Belum ada penilaian</h6>
|
|
</div>
|
|
@else
|
|
<div id="map" style="height: 400px;"></div>
|
|
@endif
|
|
<input type="hidden" id="evaluations" data-evaluations="{{ $evaluations }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- container-fluid -->
|
|
</div>
|
|
<!-- End Page-content -->
|
|
@push('other-js')
|
|
<script src="{{ asset('assets/js/pages/customJs/dashboard/petugas.js') }}"></script>
|
|
@endpush
|
|
@endsection
|