@include('layouts.head')
@stack('styles')
@include('layouts.header')

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif

@if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif
<!-- Content
  ============================================= -->
<div id="content" class="py-4">
    <div id="toast-container" class="fixed bottom-4 right-4 z-50"></div>
    @yield('content')
</div>
<!-- Content end -->


@include('layouts.footer')
<!-- Scripts Stack -->
@stack('scripts')