{assign var="req_login" value=$smarty.request.user_login|default:''}

<div class="dropdown shadow-none">
    <a class="nav-link dropdown-toggle text-white d-flex align-items-center" 
       href="#" id="loginDropdown" role="button" data-bs-toggle="dropdown" 
       data-bs-auto-close="outside" aria-expanded="false">
        
        <img src="{$ABS_PATH}uploads/avatars/default.png" 
             alt="User" 
             class="rounded-circle me-2" 
             style="width: 24px; height: 24px; object-fit: cover; border: 1px solid rgba(255,255,255,0.2);">
        
        {#LOGIN_AUTORIZATION#}
    </a>
    
    <div class="dropdown-menu dropdown-menu-end p-0 border-0 shadow-lg" 
         aria-labelledby="loginDropdown" 
         style="min-width: 320px; background: transparent; margin-top: 10px;">
        
        <form method="post" action="{$ABS_PATH}index.php?module=login&action=authorize">
            <div class="card border-0 shadow-sm">
                <div class="card-body p-4">
                    <h5 class="card-title text-dark mb-1">{#LOGIN_AUTORIZATION#}</h5>
                    <p class="card-text text-muted small mb-3">{#LOGIN_PLEASE_LOGON#}</p>
                    
                    <div class="input-group mb-3">
                        <span class="input-group-text bg-light border-end-0"><i class="bi bi-person text-muted"></i></span>
                        <input type="text" name="user_login" class="form-control border-start-0 ps-0" 
                               placeholder="{#LOGIN_YOUR_LOGIN#}" value="{$req_login|escape|stripslashes}">
                    </div>
                    
                    <div class="input-group mb-3">
                        <span class="input-group-text bg-light border-end-0"><i class="bi bi-lock text-muted"></i></span>
                        <input type="password" name="user_pass" class="form-control border-start-0 ps-0" 
                               placeholder="{#LOGIN_PASSWORD#}">
                    </div>

                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" name="keep_in" id="keep_in_header" value="1">
                        <label class="form-check-label small text-dark" for="keep_in_header">
                            {#LOGIN_SAVE_COOKIE#}
                        </label>
                    </div>

                    <button type="submit" class="btn btn-primary w-100 mb-3 py-2 fw-bold">
                        {#LOGIN_BUTTON_LOGIN#}
                    </button>
                    
                    <div class="d-flex justify-content-between border-top pt-3 small">
                        <a href="{$ABS_PATH}index.php?module=login&action=reminder" class="text-decoration-none">
                            {#LOGIN_PASSWORD_REMIND#}
                        </a>
                        <a href="{$ABS_PATH}index.php?module=login&action=register" class="text-decoration-none fw-bold">
                            {#LOGIN_NEW_REGISTER#}
                        </a>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>