<!doctype html>
<html lang="en" dir="ltr">

<head>
    <!-- META DATA -->
    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="FH Parts">
    <meta name="author" content="Meridian Solutions Inc">

    <!-- FAVICON -->
    <link rel="shortcut icon" type="image/x-icon" href="{{ asset('images/merlin.png') }}">
    <!-- TITLE -->
    <title>@yield('title')</title>
    <!-- BOOTSTRAP CSS -->
    <link id="style" href="{{ asset('admin/assets/plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
    <!-- STYLE CSS -->
    <link href="{{ asset('admin/assets/css/style.css') }}" rel="stylesheet">
    <!-- Plugins CSS -->
    <link href="{{ asset('admin/assets/css/plugins.css') }}" rel="stylesheet">
    <!-- Froala Editor Stylesheet-->
    <link href='https://cdn.jsdelivr.net/npm/froala-editor@latest/css/froala_editor.pkgd.min.css' rel='stylesheet' type='text/css'>
    <!-- Animate css -->
    <link href="{{ asset('admin/assets/css/animated.css') }}" rel="stylesheet">
    <!--- FONT-ICONS CSS -->
    <link href="{{ asset('admin/assets/css/icons.css') }}" rel="stylesheet">
    <!-- INTERNAL Switcher css -->
    <link href="{{ asset('admin/assets/switcher/css/switcher.css') }}" rel="stylesheet">
    <link href="{{ asset('admin/assets/switcher/demo.css') }}" rel="stylesheet">
    <link href="{{ asset('admin/assets/css/toastr/toastr.min.css') }}" rel="stylesheet">
    @yield('css')
</head>

@include('admin.layouts.navigation')
@include('admin.layouts.sidebar')
@yield('content') <!-- This is the part that changes -->
@include('admin.layouts.footer')
@yield('script')
</body>

</html>
