<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
{%load static%}
{% load jalali_tags %}



<html direction="rtl" dir="rtl" style="direction: rtl">

<head>
    
    <meta name="csrf-token" content="{{ csrf_token }}">
    <base href="../../../../">
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <meta name="theme-color" content="#F8F9FA">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="بسیج انصار">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="msapplication-TileColor" content="#F8F9FA">
    <meta name="msapplication-TileImage" content="/static/media/icons/icon-192x192.png">
    <meta name="theme-color" content="#F8F9FA">






<!-- فایل manifest -->
    <link rel="manifest" href="/static/manifest.json">
    <!-- Favicon -->
    <link rel="icon" type="image/png" href="/static/media/icons/icon-192x192.png">
    
    <!-- Apple Touch Icon -->
    <link rel="apple-touch-icon" sizes="180x180" href="/static/media/icons/icon-192x192.png">



    <link rel="icon" type="image/png" href="{% static 'media/logos/logo-letter-8.png' %}">
    <title>بسیج انصار</title>
    <meta name="description" content="Login page example" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>{% block title %}مدیریت{% endblock %}</title>
    {% block css %}
        {{ form.media }}  <!-- اضافه کردن رسانه‌های موردنیاز select2 -->
    {% endblock %}
    
    <!--begin::Fonts-->
    <link rel="stylesheet" href="{% static 'admin/jquery.ui.datepicker.jalali/themes/base/jquery-ui.min.css' %}">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
    <!--end::Fonts-->

    <!--begin::Page Custom Styles-->
    <link href="{% static 'css/pages/login/classic/login-3.rtl.css' %}" rel="stylesheet" type="text/css" />
    <!--end::Page Custom Styles-->
    {% load static %}
    <link href="{% static 'django_select2/css/select2.min.css' %}" rel="stylesheet">
    <script src="{% static 'django_select2/js/select2.full.min.js' %}"></script>
    
    <!--begin::Global تم Styles-->
    <link href="{% static 'plugins/global/plugins.bundle.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static 'plugins/custom/prismjs/prismjs.bundle.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static 'css/style.bundle.rtl.css' %}" rel="stylesheet" type="text/css" />
    <!--end::Global تم Styles-->

    <!--begin::Layout تمs-->
    <link href="{% static 'css/themes/layout/header/base/light.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static 'css/themes/layout/header/menu/light.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static 'css/themes/layout/brand/dark.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static 'css/themes/layout/aside/dark.rtl.css' %}" rel="stylesheet" type="text/css" />

    <link href="{% static '/plugins/global/plugins.bundle.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static '/plugins/custom/prismjs/prismjs.bundle.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static '/css/style.bundle.rtl.css' %}" rel="stylesheet" type="text/css" />


    <link href="{% static '/css/themes/layout/header/base/light.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static '/css/themes/layout/header/menu/light.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static '/css/themes/layout/brand/dark.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static '/css/themes/layout/aside/dark.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static '/plugins/global/plugins.bundle.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static '/plugins/custom/prismjs/prismjs.bundle.rtl.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static '/css/style.bundle.rtl.css' %}" rel="stylesheet" type="text/css" />

    <!--end::چیدمان تم ها-->
    
    
    
    
    
    
    <script src="{% static '/plugins/global/plugins.bundle.js' %}"></script>
    <script src="{% static '/plugins/custom/prismjs/prismjs.bundle.js' %}"></script>
    <script src="{% static '/js/scripts.bundle.js' %}"></script>
    <script src="{% static 'admin/js/django_jalali.min.js' %}"></script>

    
 <!--end::Global تم Bundle-->


     <!--begin::Page Scripts(used by this page)-->
             <script src="{% static '/js/pages/custom/contacts/list-datatable.js' %}"></script>
         <!--end::Page Scripts-->
    <!--end::Global تم Bundle-->
<script>
  

    document.addEventListener('DOMContentLoaded', function () {
    const darkModeButton = document.getElementById('dark-mode-toggle');
    const icon = document.getElementById('icon');

    // چک کردن وضعیت دارک مود در LocalStorage
    if (localStorage.getItem('dark-mode') === 'enabled') {
        document.body.classList.add('dark-mode');
        icon.classList.remove('fa-sun');
        icon.classList.add('fa-moon'); // تغییر به آیکون ماه
    }

    darkModeButton.addEventListener('click', function () {
        // تغییر حالت دارک مود
        document.body.classList.toggle('dark-mode');

        // تغییر آیکون خورشید و ماه
        if (document.body.classList.contains('dark-mode')) {
            localStorage.setItem('dark-mode', 'enabled');
            icon.classList.remove('fa-sun');
            icon.classList.add('fa-moon'); // تغییر به آیکون ماه
        } else {
            localStorage.setItem('dark-mode', 'disabled');
            icon.classList.remove('fa-moon');
            icon.classList.add('fa-sun'); // تغییر به آیکون خورشید
        }
    });
});

</script>

    <!--begin::Page Scripts(used by this page)-->
    <script src="{% static '/js/pages/custom/contacts/list-datatable.js' %}"></script>
    <!--end::Page Scripts-->

    <!--end::Layout تمs-->
    <script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script>

    <link rel="shortcut icon" href="{% static 'media/logos/favicon.icon' %}" />
</head>

<body id="kt_body" dir="rtl"
    class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed aside-enabled aside-fixed aside-minimize-hoverable">

    {% block content %}{% endblock %}



    <!--begin::Global تم Bundle-->
    <script src="{% static 'plugins/global/plugins.bundle.js' %}"></script>
    <script src="{% static 'plugins/custom/prismjs/prismjs.bundle.js' %}"></script>
    <script src="{% static 'js/scripts.bundle.js' %}"></script>
    <!--end::Global تم Bundle-->

    <!--begin::Page Scripts-->
    <!-- <script src="{% static 'js/pages/custom/login/login-general.js' %}"></script> برای فرم لاگین میباشد -->
    <!--end::Page Scripts-->

    <style>
        body {
            padding-top: env(safe-area-inset-top);
            padding-bottom: env(safe-area-inset-bottom);
            padding-left: env(safe-area-inset-left);
            padding-right: env(safe-area-inset-right);
            background-color: #F8F9FA;
            
        }
        
        .app-container {
            width: 100%;
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        
        @keyframes fadeIn {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }
    
    .app-container {
        animation: fadeIn 0.6s ease-in-out;
    }
    </style>
</body>

</html>