@extends('menu/index')
@section('konten-site-pembelanjaan')
<main class="app-main p-2"> <!--begin::App Content Header-->
    {{-- @include('pembelanjaan.navbar-pembelanjaan') --}}
    
    @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>            
    {{-- <h5>Pembelanjaan</h5> --}}
    @yield('konten-form-nota-pembelanjaan')
    <div style="width: 100%; height:80%; display:flex; justify-content:center; padding:10px; ">
      <img style="border-radius: 20px;" src="{{ url('../asset-modified/image/alertim2.gif') }}" alt="">
    </div>
    </main> <!--end::App Main-->
    <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>
      <!-- stylesheet -->
      <link
        rel="stylesheet"
        href="https://unpkg.com/@material-tailwind/html@latest/styles/material-tailwind.css"
      />
      
      <!-- from cdn -->
      <script src="https://unpkg.com/@material-tailwind/html@latest/scripts/ripple.js"></script>
            </div>
          </div>
    </main> <!--end::App Main-->
@endsection