90 lines
		
	
	
		
			4.2 KiB
		
	
	
	
		
			PHP
		
	
	
			
		
		
	
	
			90 lines
		
	
	
		
			4.2 KiB
		
	
	
	
		
			PHP
		
	
	
| @extends('indexlayout')
 | |
| 
 | |
| @section('title', 'alatberat')
 | |
| @push('style')
 | |
| @endpush
 | |
| @section('content')
 | |
|     <div class="row">
 | |
|         <main id="js-page-content" role="main" class="page-content">
 | |
|             <ol class="breadcrumb page-breadcrumb">
 | |
|                 <li class="breadcrumb-item"><a href="javascript:void(0);">Pendukung</a></li>
 | |
|                 <li class="breadcrumb-item active">Rumah Memilah</li>
 | |
|                 <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
 | |
|             </ol>
 | |
| 
 | |
|             <div class="row">
 | |
| 
 | |
|                 <div class="col-sm-6 col-xl-4">
 | |
|                     <div class="p-1 card border-yellow border position-relative mb-g ">
 | |
|                         <div class="card-body">
 | |
|                             <h3 class="display-4 d-block l-h-n m-0 fw-500" style="color:#2f74f5;">
 | |
|                                 2,748
 | |
|                                 <small class="m-1 l-h-n"> Jumlah RW</small>
 | |
|                             </h3>
 | |
|                             <i class="fa fa-laptop-house position-absolute pos-right pos-bottom mb-2 m-3 p-sm-3"
 | |
|                                 style="font-size: 4rem; color:#2f74f5;"></i>
 | |
| 
 | |
| 
 | |
|                         </div> <!-- end card-body-->
 | |
|                     </div> <!-- end card-->
 | |
|                 </div>
 | |
|                 <div class="col-sm-6 col-xl-4">
 | |
|                     <div class="p-1 card border-yellow border position-relative mb-g ">
 | |
|                         <div class="card-body">
 | |
|                             <h3 class="display-4 d-block l-h-n m-0 fw-500" style="color:#faab00;">
 | |
|                                 1,691,187
 | |
|                                 <small class="m-1 l-h-n"> Jumlah Rumah</small>
 | |
|                             </h3>
 | |
|                             <i class="fas fa-home position-absolute pos-right pos-bottom mb-2 m-3 p-sm-3"
 | |
|                                 style="font-size: 4rem; color:#faab00;"></i>
 | |
| 
 | |
| 
 | |
|                         </div> <!-- end card-body-->
 | |
|                     </div> <!-- end card-->
 | |
|                 </div>
 | |
|                 <div class="col-sm-6 col-xl-4">
 | |
|                     <div class="p-1 card border-yellow border position-relative mb-g ">
 | |
|                         <div class="card-body">
 | |
|                             <h3 class="display-4 d-block l-h-n m-0 fw-500" style="color:#3bc0c3;">
 | |
|                                 216,504
 | |
|                                 <small class="m-1 l-h-n"> Jumlah Rumah Memilah</small>
 | |
|                             </h3>
 | |
|                             <i class="fal fa-home position-absolute pos-right pos-bottom mb-2 m-3 p-sm-3"
 | |
|                                 style="font-size: 4rem; color:#3bc0c3;"></i>
 | |
| 
 | |
| 
 | |
|                         </div> <!-- end card-body-->
 | |
|                     </div> <!-- end card-->
 | |
|                 </div>
 | |
|             </div>
 | |
| 
 | |
|             <div class="row">
 | |
|                 <div class="col-lg-12">
 | |
|                     <div id="panel-6" class="panel">
 | |
|                         <div class="panel-hdr">
 | |
|                             <h2>
 | |
|                                 Rumah Memilah
 | |
|                             </h2>
 | |
|                         </div>
 | |
|                         <div class="panel-container show">
 | |
|                             <div id="chartrm">
 | |
|                             </div>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                 </div>
 | |
|         </main>
 | |
| 
 | |
|     @endsection
 | |
| 
 | |
|     @push('script')
 | |
|         <!-- The order of scripts is irrelevant. Please check out the plugin pages for more details about these plugins below: -->
 | |
|         <script src="{{ asset('layout/dist/js/statistics/peity/peity.bundle.js') }}"></script>
 | |
|         <script src="{{ asset('layout/dist/js/statistics/flot/flot.bundle.js') }}"></script>
 | |
|         <script src="{{ asset('layout/dist/js/statistics/easypiechart/easypiechart.bundle.js') }}"></script>
 | |
|         <script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
 | |
|         {{-- <script src="{{  asset('layout/dist/js/statistics/chartjs/chartjs.bundle.js') }}"></script> --}}
 | |
|         {{-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --}}
 | |
|         <script src="{{ asset('layout/dist/js/alatberat.js') }}"></script>
 | |
|         <script src="{{ asset('layout/dist/js/rm.js') }}"></script>
 | |
|     @endpush
 |