<!DOCTYPE html>
{{--<html lang="en" style="direction:rtl;" data-bs-theme="light">--}}
<html lang="en" data-bs-theme="light">
<!--begin::Head-->
@include('layouts.vertical.header._head')
<!--end::Head-->
<!--begin::Body-->
{{--<body id="kt_body" class="auth-bg bgi-size-cover bgi-attachment-fixed bgi-position-center bgi-no-repeat">--}}
<body  id="kt_body" data-kt-app-page-loading-enabled="true" data-kt-app-page-loading="on"  class="dark-mode header-fixed header-tablet-and-mobile-fixed toolbar-enabled" >
<div id="loading-overlay">
    <div class="loading-icon"></div>
</div>
<!--begin::Page loading(append to body)-->
<div class="page-loader">
    <span class="spinner-border text-primary" role="status">
        <span class="visually-hidden">Loading...</span>
    </span>
</div>
<!--end::Page loading-->
<!--begin::Main-->
<!--begin::Root-->
<div class="d-flex flex-column flex-root">
    @yield('content')
</div>
<!--end::Root-->
<!--end::Main-->
<!--begin::Scrolltop-->
<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
    <i class="ki-duotone ki-arrow-up">
        <span class="path1"></span>
        <span class="path2"></span>
    </i>
</div>
<!--end::Scrolltop-->
<!--begin::Modals-->
<!--end::Modals-->
@include('layouts.vertical._script')
