{% extends 'unfold/layouts/skeleton.html' %}

{% load i18n static %}



{% block bodyclass %}{{ block.super }}bg-base-50 login dark:bg-base-900{% endblock %}

{% block usertools %}{% endblock %}

{% block nav-global %}{% endblock %}

{% block nav-sidebar %}{% endblock %}

{% block content_title %}{% endblock %}

{% block breadcrumbs %}{% endblock %}

{% block extrastyle %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{% static 'override.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static 'fonts.css' %}" />
{% endblock %}

{% block title %}
    پنل مدیریت هی ملز
{% endblock %}

{% block base %}
    <div dir="rtl" id="page" class="flex min-h-screen">
        <div class="flex flex-grow items-center justify-center mx-auto px-4 relative">
            <div class="w-full sm:w-96">
                <h1 class="font-semibold mb-10">
                    <span class="block text-font-important-light dark:text-font-important-dark">خوش امدید به </span>
                    <span class="block text-primary-600 text-xl dark:text-primary-500">پنل مدیریت هی ملز</span>
                </h1>

                {% include "unfold/helpers/messages.html" %}

                {% if form.errors or form.non_field_errors %}
                    <div class="flex flex-col gap-4 mb-8 *:mb-0">
                        {% include "unfold/helpers/messages/errornote.html" with errors=form.errors %}

                        {% include "unfold/helpers/messages/error.html" with errors=form.non_field_errors %}

                        {% if user.is_authenticated %}
                            {% blocktranslate trimmed asvar message %}
                                You are authenticated as {{ username }}, but are not authorized to
                                access this page. Would you like to login to a different account?
                            {% endblocktranslate %}

                            {% include "unfold/helpers/messages/error.html" with error=message %}
                        {% endif %}
                    </div>
                {% endif %}
                    
                {% block login_before %}{% endblock %}

                <form action="{{ app_path }}" method="post" id="login-form">
                    {% csrf_token %}
          
                    <div class="flex flex-col group mb-6 last:mb-4">
                        <label for="id_username" class="block text-font-important-light dark:text-font-important-dark font-semibold mb-2">
                    شماره تماس
                
                    
                        <span class="text-red-600">*</span>
                    
                </label>
                
                
                        <input type="text" name="username" autofocus="" autocapitalize="none" autocomplete="username" maxlength="12" class="border border-base-200 bg-white font-medium min-w-20 placeholder-base-400 rounded shadow-sm text-font-default-light text-sm focus:ring focus:ring-primary-300 focus:border-primary-600 focus:outline-none group-[.errors]:border-red-600 group-[.errors]:focus:ring-red-200 dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark dark:focus:border-primary-600 dark:focus:ring-primary-700 dark:focus:ring-opacity-50 dark:group-[.errors]:border-red-500 dark:group-[.errors]:focus:ring-red-600/40 px-3 py-2 w-full" required="" id="id_username">
                    </div>
                
                
                
                                    
                    <div class="flex flex-col group mb-6 last:mb-4">
                        <label for="id_password" class="block text-font-important-light dark:text-font-important-dark font-semibold mb-2">
                    رمز
                
                    
                        <span class="text-red-600">*</span>
                    
                </label>
                
                
                        <input type="password" name="password" autocomplete="current-password" class="border border-base-200 bg-white font-medium min-w-20 placeholder-base-400 rounded shadow-sm text-font-default-light text-sm focus:ring focus:ring-primary-300 focus:border-primary-600 focus:outline-none group-[.errors]:border-red-600 group-[.errors]:focus:ring-red-200 dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark dark:focus:border-primary-600 dark:focus:ring-primary-700 dark:focus:ring-opacity-50 dark:group-[.errors]:border-red-500 dark:group-[.errors]:focus:ring-red-600/40 px-3 py-2 w-full" required="" id="id_password">
                
                        
                
                
                        
                
                    </div>
                
                
                
                                    
                
                

                    <div class="submit-row">
                        <button type="submit" class="bg-primary-600 border border-transparent flex flex-row font-semibold group items-center justify-center py-2 rounded text-sm text-white w-full">
                            ورود

                            
                        </button>
                    </div>

                    {% if password_reset_url %}
                        <div class="password-reset-link">
                            <a href="{{ password_reset_url }}" class="border border-base-200 font-medium hidden mt-4 px-3 py-2 rounded text-center text-sm text-base-500 transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700 dark:text-font-default-dark dark:hover:text-base-200 dark:hover:bg-base-900">
                                {% translate 'Forgotten your password or username?' %}
                            </a>
                        </div>
                    {% endif %}
                </form>

                {% block login_after %}{% endblock %}
            </div>

            <div class="absolute flex flex-row items-center justify-between left-0 m-4 right-0 top-0">
                    <a href="https://heymlz.com" class="flex font-medium items-center text-sm text-primary-600 dark:text-primary-500">
                        <span class="material-symbols-outlined mr-2">arrow_forward</span> بازگشت به وبسایت
                    </a>

                {% if not theme %}
                    {% include "unfold/helpers/theme_switch.html" %}
                {% endif %}
            </div>
        </div>


            <div class="bg-cover flex-grow hidden max-w-3xl xl:max-w-4xl xl:block" style="background-image: url('/shop_static/favicon.png')">
            </div>

    </div>
{% endblock %}
