<!doctype html>
<html lang="en">
@include('panel.layout.head')
<body class="group/body">
<script src="/assets/js/tabler-theme.min.js"></script>
<script src="/assets/js/navbar-shrink.js"></script>
<div id="app-loading-indicator" class="fixed top-0 left-0 right-0 z-[99] opacity-0 transition-opacity">
<div class="progress [--tblr-progress-height:3px]">
<div class="progress-bar progress-bar-indeterminate bg-[--tblr-primary] before:[animation-timing-function:ease-in-out] dark:bg-white"></div>
</div>
</div>
<div class="page">
<!-- Navbar -->
@include('panel.layout.header')
<div class="page-wrapper overflow-hidden">
<!-- Updater -->
@yield('content')
@include('panel.layout.footer')
</div>
</div>
@include('panel.layout.scripts')
@if(\Session::has('message'))
<script>
toastr.{{\Session::get('type')}}('{{\Session::get('message')}}')
</script>
@endif
@yield('script')
<script src="/assets/js/frontend.js"></script>
@if($setting->dashboard_code_before_body != null)
{!!$setting->dashboard_code_before_body!!}
@endif
@auth()
@if(\Illuminate\Support\Facades\Auth::user()->type == 'admin')
<script src="/assets/js/panel/update-check.js"></script>
@endif
@endauth
<template id="typing-template">
<div class="lqd-typing !inline-flex !items-center !rounded-full !py-2 !px-3 !gap-3 !bg-[#efd8fc] !text-[--lqd-heading-color] !text-xs !leading-none !font-medium">
{{__('Typing')}}
<div class="lqd-typing-dots !flex !items-center !gap-1">
<span class="lqd-typing-dot !w-1 !h-1 !rounded-full"></span>
<span class="lqd-typing-dot !w-1 !h-1 !rounded-full"></span>
<span class="lqd-typing-dot !w-1 !h-1 !rounded-full"></span>
</div>
</div>
</template>
</body>
</html>