<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8" />
    <title>@yield('title') | {{env("APP_NAME")}}</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <link rel="canonical" href="" />

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />

    @yield('extra-link')
    <link href="{{asset("public/theme/html/demo1/dist/assets/plugins/custom/fullcalendar/fullcalendar.bundle1894.css?v=7.1.9")}}" rel="stylesheet" type="text/css" />


    <link href="{{asset("public/dist/assets/plugins/global/plugins.bundle1894.css?v=7.1.9")}}" rel="stylesheet" type="text/css" />
    <link href="{{asset("public/dist/assets/plugins/custom/prismjs/prismjs.bundle1894.css?v=7.1.9")}}" rel="stylesheet" type="text/css" />
    <link href="{{asset("public/dist/assets/css/style.bundle1894.css?v=7.1.9")}}" rel="stylesheet" type="text/css" />


    <link href="{{asset("public/theme/html/demo1/dist/assets/css/themes/layout/header/base/light1894.css?v=7.1.9")}}" rel="stylesheet" type="text/css" />
    <link href="{{asset("public/theme/html/demo1/dist/assets/css/themes/layout/header/menu/light1894.css?v=7.1.9")}}" rel="stylesheet" type="text/css" />
    <link href="{{asset("public/theme/html/demo1/dist/assets/css/themes/layout/brand/dark1894.css?v=7.1.9")}}" rel="stylesheet" type="text/css" />
    <link href="{{asset("public/theme/html/demo1/dist/assets/css/themes/layout/aside/dark1894.css?v=7.1.9")}}" rel="stylesheet" type="text/css" />

    <link rel="shortcut icon" href="{{asset("public/dist/assets/media/logos/favicon.png")}}" />

    @livewireStyles
    @livewireScripts
    <script src="{{asset("public/js/alpine.js")}}"></script>
</head>


<body id="kt_body" class=" page-loading">

    <div class="d-flex flex-column flex-root">

        <div class="d-flex flex-row flex-column-fluid page">

            <div class="d-flex flex-column flex-row-fluid wrapper" id="kt_wrapper">

                @livewire('includes.frontdesk.top-bar')


                <div class="mt-5">
                    {{$slot}}
                </div>




                <div class="footer bg-white py-4 d-flex flex-lg-column" id="kt_footer">

                    <div class="container-fluid d-flex flex-column flex-md-row align-items-center justify-content-between">

                        <div class="text-dark order-2 order-md-1">
                            <span class="text-muted font-weight-bold mr-2">2021©</span>
                            <a href="http://keenthemes.com/metronic" target="_blank" class="text-dark-75 text-hover-primary">IAEA</a>
                        </div>

                    </div>

                </div>





            </div>

        </div>

    </div>


    @include('includes.frontdesk/footer')

    <script>
        var HOST_URL = "https://preview.keenthemes.com/metronic/theme/html/tools/preview";

    </script>

    <script>
        var KTAppSettings = {
            "breakpoints": {
                "sm": 576
                , "md": 768
                , "lg": 992
                , "xl": 1200
                , "xxl": 1400
            }
            , "colors": {
                "theme": {
                    "base": {
                        "white": "#ffffff"
                        , "primary": "#3699FF"
                        , "secondary": "#E5EAEE"
                        , "success": "#1BC5BD"
                        , "info": "#8950FC"
                        , "warning": "#FFA800"
                        , "danger": "#F64E60"
                        , "light": "#E4E6EF"
                        , "dark": "#181C32"
                    }
                    , "light": {
                        "white": "#ffffff"
                        , "primary": "#E1F0FF"
                        , "secondary": "#EBEDF3"
                        , "success": "#C9F7F5"
                        , "info": "#EEE5FF"
                        , "warning": "#FFF4DE"
                        , "danger": "#FFE2E5"
                        , "light": "#F3F6F9"
                        , "dark": "#D6D6E0"
                    }
                    , "inverse": {
                        "white": "#ffffff"
                        , "primary": "#ffffff"
                        , "secondary": "#3F4254"
                        , "success": "#ffffff"
                        , "info": "#ffffff"
                        , "warning": "#ffffff"
                        , "danger": "#ffffff"
                        , "light": "#464E5F"
                        , "dark": "#ffffff"
                    }
                }
                , "gray": {
                    "gray-100": "#F3F6F9"
                    , "gray-200": "#EBEDF3"
                    , "gray-300": "#E4E6EF"
                    , "gray-400": "#D1D3E0"
                    , "gray-500": "#B5B5C3"
                    , "gray-600": "#7E8299"
                    , "gray-700": "#5E6278"
                    , "gray-800": "#3F4254"
                    , "gray-900": "#181C32"
                }
            }
            , "font-family": "Poppins"
        };

    </script>


    <script src="{{asset('public/theme/html/demo1/dist/assets/plugins/global/plugins.bundle1894.js?v=7.1.9')}}"></script>
    <script src="{{asset('public/theme/html/demo1/dist/assets/plugins/custom/prismjs/prismjs.bundle1894.js?v=7.1.9')}}"></script>
    <script src="{{asset('public/theme/html/demo1/dist/assets/js/scripts.bundle1894.js?v=7.1.9')}}"></script>


    <script src="{{asset('public/theme/html/demo1/dist/assets/plugins/custom/fullcalendar/fullcalendar.bundle1894.js?v=7.1.9')}}"></script>


    <script src="{{asset('public/theme/html/demo1/dist/assets/js/pages/widgets1894.js?v=7.1.9')}}"></script>
    @yield('extra-script')
</body>

</html>
