<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Title Meta -->
    <meta charset="utf-8" />
    <title>@yield('title') - {{ $getSettings['default_meta_title'] ?? 'Metor Admin' }}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="A Payroll Management System that helps you manage your payroll and employees." />
    <meta name="author" content="Payroll Management System" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="shortcut icon" href="{{ asset('metor/images/favicon.ico') }}">

    <link href="{{ asset('metor/css/vendor.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('metor/css/icons.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('metor/css/app.min.css') }}" rel="stylesheet" type="text/css" />
    <script src="{{ asset('metor/js/config.min.js') }}"></script>

    <!--Jquery-->
    <script src="{{ asset('jq/jquery-2.1.3.min.js') }}"></script>
    
    <!--For Sweet ALert---->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>

<body class="authentication-bg">
    @yield('content')

    <script src="{{ asset('metor/js/vendor.js') }}"></script>
    <script src="{{ asset('metor/js/app.js') }}"></script>
    <script>window.SU_MAX_IMAGE_SIZE_KB = {{ (int) ($getSettings['max_allowed_image_size'] ?? 0) }};</script>
    <script src="{{ asset('js/this-site.js') }}?v={{ time() }}"></script>
</body>

</html>

