<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="icon" href="{{asset('icon.png')}}">

    <title>PEGAHealth - @yield('title')</title>

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
    <link href="{{asset('backend/matrialsDs.css')}}" rel="stylesheet">
    <link href="{{asset('backend/toastr.min.css')}}" rel="stylesheet">
    <!-- Bootstrap Core Css ======================================-->
    <link href="{{ asset('backend/plugins/bootstrap/css/bootstrap.css') }}" rel="stylesheet">
    <!-- Waves Effect Css ====================================== -->
    <link href="{{ asset('backend/plugins/node-waves/waves.css') }}" rel="stylesheet" />
    <!-- Animation Css  ======================================-->
    <link href="{{ asset('backend/plugins/animate-css/animate.css') }}" rel="stylesheet" />
    @stack('styles')
    <!-- Custom Css  ======================================-->
    <link href="{{ asset('backend/css/style.css') }}" rel="stylesheet">
    <link href="{{ asset('backend/css/main.css') }}" rel="stylesheet">
    <!-- AdminBSB Themes ====================================== -->
    <link href="{{ asset('backend/css/themes/all-themes.css') }}" rel="stylesheet" />


</head>

<body class="theme-blue-grey">

    <!-- Overlay For Sidebars -->
    <div class="overlay"></div>

    <!-- Search Bar -->
    <div class="search-bar">
        <div class="search-icon">
            <i class="material-icons">search</i>
        </div>
        <input type="text" placeholder="START TYPING...">
        <div class="close-search">
            <i class="material-icons">close</i>
        </div>
    </div>


    {{-- MAIN NAVIGATION BAR --}}
    @include('backend.partials.navbar')

    {{-- SIDEBAR LEFT --}}
    <section>
        @include('backend.partials.sidebar')
    </section>

    {{-- MAIN CONTENT SECTION --}}
    <section class="content">
        <div class="container-fluid">
            @yield('content')
        </div>
    </section>


    <!-- Jquery Core Js -->
    <script src="{{ asset('backend/plugins/jquery/jquery.min.js') }}"></script>

    <!-- Bootstrap Core Js -->
    <script src="{{ asset('backend/plugins/bootstrap/js/bootstrap.js') }}"></script>

    <!-- Slimscroll Plugin Js -->
    <script src="{{ asset('backend/plugins/jquery-slimscroll/jquery.slimscroll.js') }}"></script>

    <!-- Waves Effect Plugin Js -->
    <script src="{{ asset('backend/plugins/node-waves/waves.js') }}"></script>


    <script src="{{ asset('backend/plugins/ckeditor/ckeditor.js')}}"></script>
    <script src="{{ asset('backend/plugins/tinymce/tinymce.js')}}"></script>


    @stack('scripts')


    <!-- Custom Js -->
    <script src="{{ asset('backend/js/admin.js') }}"></script>

    <!-- Demo Js -->
    {{-- <script src="{{ asset('backend/js/demo.js') }}"></script> --}}

    <script src="{{asset('backend/sweetalert2.all.js')}}"></script>
    <script src="{{asset('backend/toastr.min.js')}}"></script>


</body>

</html>