<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->

<head>

    <title>The Greater Chiangmai</title>
    <meta charset="utf-8" />
    <meta name="description" content="The Greater Chiangmai" />
    <meta name="keywords" content="The Greater Chiangmai" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="article" />
    <meta property="og:title" content="The Greater Chiangmai" />
    <meta property="og:url" content="{{ url('') }}" />
    <meta property="og:site_name" content="" />
    <link rel="canonical" href="{{ url('') }}" />
    <link rel="shortcut icon" href="{{ url('assets/media/logos/favicon.ico') }}" />

    <meta name="csrf-token" content="{{ csrf_token() }}">

    <!--begin::Fonts(mandatory for all pages)-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
    <!--end::Fonts-->

    <!--begin::Global Stylesheets Bundle(mandatory for all pages)-->
    <link href="{{ url('assets/plugins/global/plugins.bundle.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ url('assets/css/style.bundle.css') }}" rel="stylesheet" type="text/css" />

    <!--end::Global Stylesheets Bundle-->

</head>
<!--end::Head-->
<!--begin::Body-->

<body id="kt_body" class="app-blank">
    <!--begin::Theme mode setup on page load-->
    <script>
        var defaultThemeMode = "light";
        var themeMode;
        if (document.documentElement) {
            if (document.documentElement.hasAttribute("data-bs-theme-mode")) {
                themeMode = document.documentElement.getAttribute("data-bs-theme-mode");
            } else {
                if (localStorage.getItem("data-bs-theme") !== null) {
                    themeMode = localStorage.getItem("data-bs-theme");
                } else {
                    themeMode = defaultThemeMode;
                }
            }
            if (themeMode === "system") {
                themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
            }
            document.documentElement.setAttribute("data-bs-theme", themeMode);
        }
    </script>
    <!--end::Theme mode setup on page load-->
    <!--begin::Root-->
    <div class="d-flex flex-column flex-root" id="kt_app_root" style="background-color: #1c1c1c;">
        <!--begin::Page bg image-->
        <style>
        </style>
        <!--end::Page bg image-->
        <!--begin::Authentication - Sign-in -->
        <div class="d-flex flex-column flex-lg-row flex-column-fluid">
            <!--begin::Logo-->


            <!--begin::Body-->
            <div class="d-none d-lg-flex flex-lg-row-fluid w-50 bgi-size-cover bgi-position-x-start bgi-no-repeat"
                style="background-image: url({{ url('assets/media/bg.jpg') }});"></div>
            <!--begin::Body-->


            <!--end::Logo-->
            <!--begin::Aside-->
            <div class="d-flex flex-column flex-column-fluid flex-center w-lg-50 p-10">
                <!--begin::Wrapper-->
                <div class="d-flex justify-content-between flex-column-fluid flex-column w-100 mw-450px">
                    <!--begin::Header-->
                    <div class="d-flex flex-stack py-2">
                        <!--begin::Back link-->
                        <div class="me-2"></div>
                        <!--end::Back link-->

                    </div>
                    <!--end::Header-->
                    <!--begin::Body-->

                    @yield('content')
                    <!--end::Body-->
                    <!--begin::Footer-->
                    <div class="m-0">

                    </div>
                    <!--end::Footer-->
                </div>
                <!--end::Wrapper-->
            </div>
            <!--end::Aside-->

        </div>
        <!--end::Authentication - Sign-in-->
    </div>
    <!--end::Root-->

    <script>
        var baseUrl = "{{ url('') }}";
    </script>

    <script src="{{ url('assets/plugins/global/plugins.bundle.js') }}"></script>
    <script src="{{ url('assets/js/scripts.bundle.js') }}"></script>
    <!--end::Global Javascript Bundle-->
    <!--begin::Custom Javascript(used for this page only)-->
    <script src="{{ url('assets/js/custom/authentication/sign-in/general.js') }}"></script>
    <script src="{{ url('assets/js/custom/authentication/sign-in/i18n.js') }}"></script>
    <!--end::Custom Javascript-->
    <!--end::Javascript-->


    {{-- custom --}}
    <script src="{{ url('assets/js/utils.js') }}"></script>

    @yield('script')

</body>
<!--end::Body-->

</html>
