<!DOCTYPE html>
<html lang="{{ config('lang') }}" dir="{{ config('langDirection') }}">

<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="icon" type="image/png" href="{{ asset('assets/img/favicon.png') }}">

    <title>@yield('page-title') &ndash; {{ config('app.name') }}</title>

    <link href="{{ asset('assets/css/dashboard.css?v=1') }}" rel="stylesheet"/>

    @livewireStyles
    @livewireScripts

    @stack('styles')
</head>

<body class="g-sidenav-show bg-gray-100 {{ config('langDirection') }}">

{{ $slot }}

<script src="{{ asset('assets/js/dashboard.js') }}"></script>

@include('common.toasts')
@stack('scripts')
</body>
</html>
