@props(['title' => 'Dashboard'])

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ $title }} - {{ config('app.name') }}</title>
    <link rel="icon" href="{{ asset('assets/admin/images/Fav.jpg') }}" type="image/x-icon">

    <script src="{{ asset('assets/admin/libs/choices.js/public/assets/scripts/choices.min.js') }}"></script>
    <script src="{{ asset('assets/admin/js/main.js') }}"></script>

    <link id="style" href="{{ asset('assets/admin/libs/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/css/styles.min.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/css/icons.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/libs/node-waves/waves.min.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/css/custom-colors.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/libs/simplebar/simplebar.min.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/css/custom-pagination.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/css/actions-menu.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/css/actions-modal.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/css/erp-search-select.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/css/top-layout.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/css/operational-sidebar.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/css/erp-app-chrome.css') }}?v={{ @filemtime(public_path('assets/admin/css/erp-app-chrome.css')) ?: '1' }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/css/erp-mega-hr-nav.css') }}?v={{ @filemtime(public_path('assets/admin/css/erp-mega-hr-nav.css')) ?: '1' }}" rel="stylesheet">

    <style>
        html, body { max-width: 100%; overflow-x: clip; }
        .top-layout-page { max-width: 100%; overflow-x: clip; }
        .admin-main-content { padding: 1.5rem 0 2rem; flex: 1 1 auto; min-height: auto; }
    </style>

    @stack('styles')
</head>
