@extends('menu/index')
@section('konten-laporan-bulanan')
<style>
    .section-data-laporan-harian{
        padding: 10px;
    }
</style>
<!-- component -->
<main class="app-main"> <!--begin::App Content Header-->
@include('flash-message')
<script>
setTimeout(function() { 
  var flashMessage = document.querySelector('.alert'); 
   if (flashMessage) { flashMessage.style.transition = 'opacity 1s ease'; flashMessage.style.opacity = 0; setTimeout(function() { flashMessage.remove(); }, 1000); 
   } }, 1500); </script>
   @include('Laporan/navbar-laporan')
   <span class="flex items-center">
    <span class="h-px flex-1 bg-gradient-to-r from-transparent to-gray-300 dark:to-gray-600"></span>
  
    <span class="p-2"
    style="color: green; font-size:17px; font-weight:700px;"
    >Laporan Bulanan</span>
    <span class="h-px flex-1 bg-gradient-to-l from-transparent to-gray-300 dark:to-gray-600"></span>
  </span>
  @include('Laporan/content-laporan-harian/content-R-bulanan-card')
</main> <!--end::App Main-->
@endsection
