<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <meta name="csrf-token" content="{{ csrf_token() }}"/>
    <title>@yield('title') - {{ setting('site_title')  }}</title>
    <link rel="shortcut icon" href="{{ asset(setting('site_favicon')) }}" type="image/x-icon"/>
    {{-- CSS files --}}
    <link href="{{ asset('frontend/css/user-dashboard.css') }}" rel="stylesheet"/>
    <link href="{{ asset('frontend/css/user-dashboard-vendors.min.css') }}" rel="stylesheet"/>
    <link rel="stylesheet" href="{{ asset('frontend/css/all.min.css') }}">
    <link rel="stylesheet" href="{{ asset('general/css/simple-notify.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('general/css/daterangepicker.css') }}" />
    <style>
        @import url('https://rsms.me/inter/inter.css');
        :root {
            --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
        }
        body {
            font-feature-settings: "cv03", "cv04", "cv11";
        }
    </style>

    @yield('style')
    @stack('style')
</head>
