{% load humanize %}
{% load static %}
{% load qa_tags %}

{% block content %}



<!DOCTYPE html>


    <html class="html__responsive ">

    <head>

    <title>Questions - Stack Overflow-Clone</title>
        <link href="{% static 'notification/css/notification.css' %}" type="text/css" media="all" rel="stylesheet" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script async src="https://cdn.sstatic.net/Js/third-party/stacks/stacks.min.js?v=587378ef592b"></script>
    <script src="https://cdn.sstatic.net/Js/stub.en.js?v=218a32d1dba9"></script>
    
    <link href="{% static 'home/css/notification.css' %}" type="text/css" media="all" rel="stylesheet" />

    <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Shared/stacks.css?v=15473555f232">
    <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Sites/stackoverflow/primary.css?v=de9fb8b74f61">        
    <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Shared/Channels/channels.css?v=47a5e0f03c81">
<style>

    .logo-name {
        padding: 8px;
        color: #568;
        border: 1px solid white;
        font-family: 'Nexa';
        src: url(...);
        font-weight: 500;
        font-style: normal;
    }

    .fa-stack-overflow {
        color: blue;
    }

</style>
    </head>
    <body class="questions-page unified-theme">
    <div id="notify-container"></div>
    <div id="custom-header"></div>
{% if request.user.is_authenticated %}


<header class="top-bar js-top-bar top-bar__network">
    <div class="wmx12 mx-auto d-flex ai-center h100" role="menubar">
        <div class="-main flex--item">
            <a href="#" class="left-sidebar-toggle p0 ai-center jc-center" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span class="ps-relative"></span></a>
            <div class="topbar-dialog leftnav-dialog js-leftnav-dialog dno">
                <div class="left-sidebar js-unpinned-left-sidebar" data-can-be="left-sidebar" data-is-here-when="sm"></div>
            </div>
            <a href="{% url 'profile:home' %}" class="-logo">
                <i class="fab fa-stack-overflow fa-3x"></i><div class="logo-name">StackOverFlow-<b>Clone</b></div>
            </a>
        </div>

<ol class="overflow-x-auto ml-auto -secondary d-flex ai-center list-reset h100 user-logged-in" role="presentation">
        <li class="-item searchbar-trigger"><a href="#" class="-link js-searchbar-trigger" role="button" aria-label="Search" aria-haspopup="true" aria-controls="search" title="Click to show search"><svg aria-hidden="true" class="svg-icon iconSearch" width="18" height="18" viewBox="0 0 18 18"><path d="m18 16.5-5.14-5.18h-.35a7 7 0 10-1.19 1.19v.35L16.5 18l1.5-1.5ZM12 7A5 5 0 112 7a5 5 0 0110 0Z"/></svg></a></li>



            <li class="-item">
                <a href="{% url 'profile:ActivityTabSummary' user.id user.username %}" class="my-profile " >
<div class="gravatar-wrapper-24" title="Van"><img src="{% if request.user.profile.profile_photo %}{{request.user.profile.profile_photo.url}}{% endif %}" alt="" width="24" height="24" class="bar-sm -avatar js-avatar-me"></div><span class="v-visible-sr">{{request.user.username}}</span>

                        <div class="-rep js-header-rep" title="your reputation: {{request.user|calculate_reputation}}" aria-hidden="true">{{request.user|calculate_reputation}}</div>
                        <span class="v-visible-sr">, {{request.user|calculate_reputation}} reputation</span>
                            <div class="-badges">
                                    <span title="{{request.user|calculateGoldBadges}} gold badges" aria-hidden="true">
                                        <span class="badge1">&#9679;</span>
                                        <span class="badgecount">{{request.user|calculateGoldBadges}}</span>
                                    </span>
                                    <span class="v-visible-sr">{{request.user|calculateGoldBadges}} gold badges</span>                                
                                    <span title="{{request.user|calculatSilvereBadges}} silver badges" aria-hidden="true">
                                        <span class="badge2">&#9679;</span>
                                        <span class="badgecount">{{request.user|calculatSilvereBadges}}</span>
                                    </span>
                                    <span class="v-visible-sr">{{request.user|calculatSilvereBadges}} silver badges</span> 

                                    <span title="{{request.user|calculateBronzeBadges}} bronze badges" aria-hidden="true">
                                        <span class="badge3">&#9679;</span>
                                        <span class="badgecount">{{request.user|calculateBronzeBadges}}</span>
                                    </span>
                                    <span class="v-visible-sr">{{request.user|calculateBronzeBadges}} bronze badges</span> 
                            </div>
                </a>
            </li>

        <li class="-item inbox-button-item myInboxSVGOuter thisIsOuter">
            <a class="-link myInboxSVGLink readNotification" data-pk="{{ data.id }}" onClick="openInbox();">
                {% if showAlert %}<span class="button__badge">{{countUnreadNotifications}}</span>{% endif %}
                <i class="fa fa-inbox fa-2x iconInbox myInboxSVG" aria-hidden="true"></i>
                
                <span class="indicator-badge js-unread-count _important d-none">0</span>
            </a>
        </li>



<script>
    document.addEventListener('DOMContentLoaded', function() {
        window.addEventListener('load', function() {
            $('.readNotification').on('click',function(e) {
                e.preventDefault();
                let thisElement = $(this)
                $.ajax({
                    url:"{% url 'notification:read_All_Notifications' %}",
                    dataType: 'json',
                    method: 'get',
                    success: function(response) {
                        if (response.action == 'readedAll') {
                            $(`.button__badge`).text(``)
                            $(`.button__badge`).removeClass("button__badge");
                        }
                    }
                })
            })
        })
    })
</script>



<script>
    document.addEventListener('DOMContentLoaded', function() {
        window.addEventListener('load', function() {
            $('.readPrivNotification').on('click',function(e) {
                e.preventDefault();
                let thisElement = $(this)
                $.ajax({
                    url:"{% url 'notification:read_All_Priv_Notifications' %}",
                    dataType: 'json',
                    method: 'get',
                    success: function(response) {
                        if (response.action == 'readedAllPrivNotifications') { // Accept Only
                            $(`.unseen-reputation`).text(``)
                            $(`.unseen-reputation`).removeClass("unseen-reputation");
                            // $(`.unreadDot`).text(``)

                            // $(`.button__badge`).text(`0`)
                        }
                    }
                })
            })
        })
    })
</script>




        <li class="-item achievements-button-item achieveSVGOuter achThisIsOuter">
            <a href="#" class="-link readPrivNotification" onclick="openAchievementInbox();">
                <i class="fa fa-trophy fa-2x iconAchievements achieveSVG" aria-hidden="true"></i>
                {% if countUnreadPrivNotifications_1 %}<span class="unseen-reputation">+{{countUnreadPrivNotifications.countTheUnRead_Rep}}</span>{% endif %}
                <span class="indicator-badge js-unread-count _positive d-none">+0</span>
            </a>
        </li>

        {% if request.user.profile.access_review_queues %}
        <li class="-item review-button-item reviewSVGOuter revThisIsOuter">
            <a href="#" class="-link svg-icon iconReviewQueue" onclick="openReviewInbox();">
                <i class="fa fa-tasks fa-2x iconReviewQueue reviewSVG" aria-hidden="true"></i>
            </a>
        </li>
        {% endif %}


</ol>

    </div>
</header>


{% else %}

<header class="top-bar js-top-bar top-bar__network">
    <div class="wmx12 mx-auto d-flex ai-center h100" role="menubar">
        <div class="-main flex--item">
                <a href="#" class="left-sidebar-toggle p0 ai-center jc-center js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span class="ps-relative"></span></a>
                <div class="topbar-dialog leftnav-dialog js-leftnav-dialog dno">
                    <div class="left-sidebar js-unpinned-left-sidebar" data-can-be="left-sidebar" data-is-here-when="sm"></div>
                </div>
            <a href="{% url 'profile:home' %}" class="-logo">
                <i class="fab fa-stack-overflow fa-3x"></i><div class="logo-name">StackOverFlow-<b>Clone</b></div>
            </a>
        </div>

        <ol class="overflow-x-auto ml-auto -secondary d-flex ai-center list-reset h100 user-logged-out" role="presentation">
            <li class="-ctas">
                <a href="{% url 'users:login_request' %}" class="login-link s-btn s-btn__filled py8" rel="nofollow" >Log in</a>
                <a href="{% url 'users:signup_view' %}" class="login-link s-btn s-btn__primary py8">Sign up</a>
            </li>
            <li class="js-topbar-dialog-corral" role="presentation">
            </li>
        </ol>
    </div>
</header>

{% endif %}




<!-- NOTIFICATION'S INBOX - START -->

<div class="myNavbar">
    <div class="navbar_right">
        <myDiv class="myNotification" id="Notif">
        <a class="icon_wrap" action=""></a>

            <div class="notification_dd">
                <div class="topbar-dialog inbox-dialog dno" role="menu" style="display: block;">

                    <div class="header fw-wrap">
                        <div class="flex--item fl1">
                            <div class="ai-center d-flex jc-end">
                                    <div class="-right">
                                            <a href="#">all items</a>
                                    </div>
                            </div>
                        </div>
                    </div>

                    <div class="modal-content">
                        <ul>
                            {% for notification in notifications %}
                            <li class="inbox-item ">
                                <a href="{{notification.url}}" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item" title="Stack Overflow"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span class="v-visible-sr">Stack Overflow&nbsp;</span>
                                            {% if notification.type_of_noti == "comment_answer" %}
                                            Comment on Answer
                                            {% elif notification.type_of_noti == "question_comment" %}
                                            Comment on Question
                                            {% elif notification.type_of_noti == "community_message" %}
                                            Community Message
                                            {% elif notification.type_of_noti == "question_edit" %}
                                            Edit Suggessted
                                            {% elif notification.type_of_noti == "question_reopen_voted" %}
                                            Question ReOpen Vote Raises
                                            {% elif notification.type_of_noti == "NEW_ANSWER" %}
                                            New Answer to the Question
                                            {% endif %}

                                            {% if notification.is_read == False %}<b class="unreadDot" style="color: red">Unread</b>{% endif %}

                                            </span>
                                            <span class="item-creation"><span title="2021-10-12 04:36:58Z" class="relativetime">{{notification.date_created|naturaltime}}</span></span>
                                        </div>
                                        <div class="item-location ">
                                            {% if notification.question_noti %}{{notification.question_noti.title}}{% else %}{{notification.answer_noti}}{% endif %}
                                        </div>
                                    </div>
                                </a>
                            </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div> 
            </div>
        </myDiv>
    </div>
</div>

<!-- NOTIFICATION'S INBOX - END -->

<!-- ACHIEVEMENT'S INBOX - START -->

<style>

.earned {
    color: green;
}

</style>

<div class="achievement_navbar">
    <div class="achievement_bar_right">
        <acvhieveDiv class="achievement_notification">
            <a class="achieve_icon_wrap" action=""></a>

            <div class="achievement_dd">
                <div class="topbar-dialog achievements-dialog dno" role="menu" style="display: block;">
                    <div class="header fw-wrap">
                        <h3 class="flex--item">
                            achievements
                                <small class="utc-clock sm:d-none">utc time <span class="js-utc-time utc-time">Good Time</span></small>
                        </h3>
                    </div>

                    <div class="modal-content">
                            <div class="js-date-group date-group">
                                {% for privNotification in privNotifications %}
                                <ul class="js-items items">
                                        <li class="">
                                            <a href="{% if privNotification.type_of_PrivNotify == 'ANSWER_ACCEPT_REP_P' %}
                                                    {{privNotification.answer_priv_noti.questionans.get_absolute_url}}#{{privNotification.answer_priv_noti.id}}{% elif privNotification.type_of_PrivNotify == 'QUESTION_EDIT_REP_P' %}{{privNotification.question_priv_noti.get_absolute_url}}{% elif privNotification.type_of_PrivNotify == 'ANSWER_EDIT_REP_P' %}{{privNotification.answer_priv_noti.questionans.get_absolute_url}}#{{privNotification.answer_priv_noti.id}}{% elif privNotification.type_of_PrivNotify == 'DOWN_VOTE_ANSWER_REP_M'%}{{privNotification.answer_priv_noti.questionans.get_absolute_url}}#{{privNotification.answer_priv_noti.id}}{% elif privNotification.type_of_PrivNotify == 'BOUNTY_AWARDED_REP_P' %}{{privNotification.question_priv_noti.get_absolute_url}}{% elif privNotification.type_of_PrivNotify == 'MY_ANSWER_UPVOTE_REP_P' %}{{privNotification.answer_priv_noti.questionans.get_absolute_url}}#{{privNotification.answer_priv_noti.id}}{% elif privNotification.type_of_PrivNotify == 'QUESTION_DOWNVOTE' %}{{privNotification.question_priv_noti.get_absolute_url}}{% elif privNotification.type_of_PrivNotify == 'Privilege_Earned' %}
                                                    {{privNotification.privilegeURL}}{% elif privNotification.type_of_PrivNotify == 'BADGE_EARNED' %}{{privNotification.url}}{% endif %}" class="d-flex gs8 gsx" aria-label="2 reputation change: Pop-up-Notification-Panel box is not staying to the right, earned on Stack Overflow, 5 hours ago">
                <div class="favicon favicon-stackoverflow site-icon flex--item" title="Stack Overflow - Clone"></div>



                                                    {% if privNotification.type_of_PrivNotify == "ANSWER_ACCEPT_REP_P" %}
                                                    <span class="js-faux-column rep-up flex--item" title="{{privNotification.date_created_PrivNotify}} hours ago">+{{privNotification.missingReputation}}
                                                    </span>
                                                    {% elif privNotification.type_of_PrivNotify == "QUESTION_EDIT_REP_P" %}
                                                    <span class="js-faux-column rep-up flex--item" title="{{privNotification.date_created_PrivNotify}} hours ago">+{{privNotification.missingReputation}}
                                                    </span>
                                                    {% elif privNotification.type_of_PrivNotify == "ANSWER_EDIT_REP_P" %}
                                                    <span class="js-faux-column rep-up flex--item" title="{{privNotification.date_created_PrivNotify}} hours ago">+{{privNotification.missingReputation}}
                                                    </span>
                                                    {% elif privNotification.type_of_PrivNotify == "DOWN_VOTE_ANSWER_REP_M" %}
                                                    <span class="js-faux-column rep-up flex--item" title="{{privNotification.date_created_PrivNotify}} hours ago">+{{privNotification.missingReputation}}
                                                    </span>
                                                    {% elif privNotification.type_of_PrivNotify == "BOUNTY_AWARDED_REP_P" %}
                                                    <span class="js-faux-column rep-up flex--item" title="{{privNotification.date_created_PrivNotify}} hours ago">+{{privNotification.missingReputation}}
                                                    </span>
                                                    {% elif privNotification.type_of_PrivNotify == "MY_ANSWER_UPVOTE_REP_P" %}
                                                    <span class="js-faux-column rep-up flex--item" title="{{privNotification.date_created_PrivNotify}} hours ago">+{{privNotification.missingReputation}}
                                                    </span>
                                                    {% elif privNotification.type_of_PrivNotify == "QUESTION_DOWNVOTE" %}
                                                    <span class="js-faux-column rep-up flex--item" title="{{privNotification.date_created_PrivNotify}} hours ago">+{{privNotification.missingReputation}}
                                                    </span>
                                                    {% elif privNotification.type_of_PrivNotify == "Privilege_Earned" %}
                                                    <span class="js-faux-column  earned flex--item">
                                                        <i class="fas fa-pencil-alt"></i>
                                                    </span>
                                                    {% elif privNotification.type_of_PrivNotify == "BADGE_EARNED" %}
                                                    <span class="js-faux-column earned flex--item">
                                                        <i class="fas fa-ribbon"></i>
                                                    </span>
                                                    {% endif %}


                                                <div class="message-text flex--item fl1">
                                                    <h4 class="">

                                                    {% if privNotification.type_of_PrivNotify == "ANSWER_ACCEPT_REP_P" %}

                                                    Answer Accepted
                                                    <br>
                                                    {{privNotification.answer_priv_noti.body}}

                                                    {% elif privNotification.type_of_PrivNotify == "EDIT_GOT_APPROVED" %}

                                                    Edit Approved
                                                    <br>
                                                    {{privNotification.question_priv_noti.title}}

                                                    {% elif privNotification.type_of_PrivNotify == "BOUNTY_AWARDED_REP_P" %}

                                                    Bounty Awarded

                                                    {% elif privNotification.type_of_PrivNotify == "MY_ANSWER_UPVOTE_REP_P" %}

                                                    Answer Upvote
                                                    <br>
                                                    {{privNotification.answer_priv_noti.body}}

                                                    {% elif privNotification.type_of_PrivNotify == "Privilege_Earned" %}

                                                    Privilege Earned

                                                    {% elif privNotification.type_of_PrivNotify == "BADGE_EARNED" %}

                                                    Badge Earned - {{privNotification.for_if}}
                                                    <br>
                                                    <b>{{privNotification.description}}</b>

                                                    {% endif %}
                                                    <br>
                                                    {{privNotification.date_created_PrivNotify|naturaltime}}

                                                    </h4>
                                                </div>
                                            </a>
                                        </li>
                                </ul>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
            </acvhieveDiv>
        </div>
    </div>

<!-- ACHIEVEMENT'S INBOX - END -->

<!-- REVIEW'S INBOX - START -->

<div class="review_navbar">
    <div class="review_bar_right">
        <reviewDiv class="review_notification">
        <a class="review_icon_wrap" action=""></a>

            <div class="review_dd">
                <div class="topbar-dialog inbox-dialog dno" role="menu" style="display: block;">

                    <div class="header fw-wrap">
                        <div class="flex--item fl1">
                            <div class="ai-center d-flex jc-end">
                                <div class="-right">
                                    <a href="{% url 'help:privileges' %}">privileges</a>
                                    {% if request.user.profile.accessTo_moderatorTools %}•
                                    <a href="{% url 'tools:moderator_tools' %}">tools</a>
                                    {% endif %}
                                    •
                                    <a href="{% url 'users:logout_view' %}">Log Out</a>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="modal-content">
                        <ul>
                            <li class="inbox-item ">
                                {% if can_show == True %}
                                <a href="{% url 'review:review_FirstAns' next_blog.id %}" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span">&nbsp;</span>Review First Answers</span>
                                            <span class="item-creation"><span>{% if can_review == True %}Available{% else %}__None__{% endif %}</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Review First Answers
                                        </div>
                                    </div>
                                </a>
                                {% else %}
                                <a href="#" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Review First Answers</span>
                                            <span class="item-creation"><span>{% if can_review == True %}Available{% else %}__None__{% endif %}</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Review First Answers
                                        </div>
                                    </div>
                                </a>
                                {% endif %}
                            </li>
                            <li class="inbox-item ">
                                {% if can_review == True %}
                                <a href="{% url 'review:review_FirstQns' next_question.id %}" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Review First Questions</span>
                                            <span class="item-creation"><span>{% if can_review == True %}Available{% else %}__None__{% endif %}</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Review First Questions
                                        </div>
                                    </div>
                                </a>
                                {% else %}
                                <a href="#" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Review First Questions</span>
                                            <span class="item-creation"><span>{% if can_review == True %}Available{% else %}__None__{% endif %}</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Review First Questions
                                        </div>
                                    </div>
                                </a>
                                {% endif %}
                            </li>
                            <li class="inbox-item ">
                                {% if cal_LateRev == True %}
                                <a href="{% url 'review:review_LateAnswers' questionIDS.id %}" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Review Late Answers</span>
                                            <span class="item-creation"><span>{% if cal_LateRev == True %}Available{% else %}__None__{% endif %}</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Review Late Answers
                                        </div>
                                    </div>
                                </a>
                                {% else %}
                                <a href="#" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Review Late Answers</span>
                                            <span class="item-creation"><span>__None__</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Review Late Answers
                                        </div>
                                    </div>
                                </a>
                                {% endif %}
                            </li>
                            <li class="inbox-item ">
                                {% if areClosedQuestions_Available == True %}
                                <a href="{% url 'review:reviewClosedQuestions' reviewCloseQuestionID.id %}" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type"><span>&nbsp;</span>Review Closed Questions</span>
                                            <span class="item-creation"><span>{% if areClosedQuestions_Available == True %}Available{% else %}__None__{% endif %}</span></span>
                                        </div>
                                        <div class="item-location">
                                            Review Closed Questions
                                        </div>
                                    </div>
                                </a>
                                {% else %}
                                <a href="#" class="d-flex gs8 gsx">
                                        <div class="favicon-stackoverflow flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type"><span>&nbsp;</span>Review Closed Questions</span>
                                            <span class="item-creation"><span>__None__</span></span>
                                        </div>
                                        <div class="item-location">
                                            Review Closed Questions
                                        </div>
                                    </div>
                                </a>
                                {% endif %}
                            </li>
                            <li class="inbox-item ">
                                {% if editQuestions_review_Available == True %}
                                <a href="{% url 'review:reviewSuggesstedEdit' reviewEditedPts.id %}" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type"><span>&nbsp;</span>Review Suggessted Edits</span>
                                            <span class="item-creation"><span>{% if editQuestions_review_Available == True %}Available{% else %}__None__{% endif %}</span></span>
                                        </div>
                                        <div class="item-location">
                                            Review Suggessted Edits
                                        </div>
                                    </div>
                                </a>
                                {% else %}
                                <a href="#" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Review Suggessted Edits</span>
                                            <span class="item-creation"><span>__None__</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Review Suggessted Edits
                                        </div>
                                    </div>
                                </a>
                                {% endif %}
                            </li>
                            <li class="inbox-item ">
                                {% if questionToReOpen_available == True %}
                                <a href="{% url 'review:reOpen_Question_Review' reviewTo_ReOpenQuestionID.id %}" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Re-Open Votes Review</span>
                                            <span class="item-creation"><span>{% if questionToReOpen_available == True %}Available{% else %}__None__{% endif %}</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Re-Open Votes Review
                                        </div>
                                    </div>
                                </a>
                                {% else %}
                                <a href="#" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Re-Open Votes Review</span>
                                            <span class="item-creation"><span>__None__</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Re-Open Votes Review
                                        </div>
                                    </div>
                                </a>
                                {% endif %}
                            </li>
                            <li class="inbox-item ">
                                {% if reviewLowPosts == True %}
                                <a href="{% url 'review:reviewLowQualityPosts' reviewLowPts.id %}" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Low-Quality Posts Review</span>
                                            <span class="item-creation"><span>{% if reviewLowPosts == True %}Available{% else %}__None__{% endif %}</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Low-Quality Posts Review
                                        </div>
                                    </div>
                                </a>
                                {% else %}
                                <a href="#" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Low-Quality Posts Review</span>
                                            <span class="item-creation"><span>__None__</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Low-Quality Posts Review
                                        </div>
                                    </div>
                                </a>
                                {% endif %}
                            </li>
                            <li class="inbox-item ">
                                {% if is_available_FlagPosts == True %}
                                <a href="{% url 'review:reviewFlagPosts' reviewFlagPts.id %}" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Review Flag Posts</span>
                                            <span class="item-creation"><span>{% if is_available_FlagPosts == True %}Available{% else %}__None__{% endif %}</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Review Flag Posts
                                        </div>
                                    </div>
                                </a>
                                {% else %}
                                <a href="#" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Review Flag Posts</span>
                                            <span class="item-creation"><span>__None__</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Review Flag Posts
                                        </div>
                                    </div>
                                </a>
                                {% endif %}
                            </li>
                            <li class="inbox-item ">
                                {% if is_available_FlagComments == True %}
                                <a href="{% url 'review:reviewFlagComments' reviewFlagCmnts.id %}" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Review Flag Comments</span>
                                            <span class="item-creation"><span>{% if is_available_FlagComments == True %}Available{% else %}__None__{% endif %}</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Review Flag Comments
                                        </div>
                                    </div>
                                </a>
                                {% else %}
                                <a href="#" class="d-flex gs8 gsx">
                                        <div class="favicon favicon-stackoverflow site-icon flex--item"></div>
                                    <div class="item-content flex--item fl1">
                                        <div class="item-header">
                                            <span class="item-type "><span>&nbsp;</span>Review Flag Comments</span>
                                            <span class="item-creation"><span>__None__</span></span>
                                        </div>
                                        <div class="item-location ">
                                            Review Flag Comments
                                        </div>
                                    </div>
                                </a>
                                {% endif %}
                            </li>
                        </ul>
                    </div>
                </div> 
            </div>
        </reviewDiv>
    </div>
</div>

<!-- REVIEW'S INBOX - END -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">


    <div class="container">
            


<div id="left-sidebar" data-is-here-when="md lg" class="left-sidebar js-pinned-left-sidebar ps-relative">
    <div class="left-sidebar--sticky-container js-sticky-leftnav">
        <nav role="navigation">
            <ol class="nav-links">
        <li class="">
            <a
               href="/"
               class="pl8 nav-links--link">
                    <div class="d-flex ai-center">
                        <div class="flex--item truncate">
                            Home
                        </div>
                    </div>
            </a>
        </li>
                <li>
                    <ol class="nav-links">
                            <li class="fs-fine tt-uppercase ml8 mt16 mb4 fc-light">Public</li>

        <li class=" youarehere">
            <a id="nav-questions"
               href="/questions"
               class="pl8 nav-links--link -link__with-icon">
<svg aria-hidden="true" class="svg-icon iconGlobe" width="18" height="18" viewBox="0 0 18 18"><path d="M9 1C4.64 1 1 4.64 1 9c0 4.36 3.64 8 8 8 4.36 0 8-3.64 8-8 0-4.36-3.64-8-8-8ZM8 15.32a6.46 6.46 0 01-4.3-2.74 6.46 6.46 0 01-.93-5.01L7 11.68v.8c0 .88.12 1.32 1 1.32v1.52Zm5.72-2c-.2-.66-1-1.32-1.72-1.32h-1v-2c0-.44-.56-1-1-1H6V7h1c.44 0 1-.56 1-1V5h2c.88 0 1.4-.72 1.4-1.6v-.33a6.45 6.45 0 013.83 4.51 6.45 6.45 0 01-1.51 5.73v.01Z"/></svg>                    <span class="-link--channel-name">Questions</span>
            </a>
        </li>
                        

        <li class="">
            <a id="nav-tags"
               href="{% url 'profile:tagsPage' %}"
               class="nav-links--link">
                    <div class="d-flex ai-center">
                        <div class="flex--item truncate">
                            Tags
                        </div>
                    </div>
            </a>
        </li>
        <li class="">
            <a id="nav-users"
               href="{% url 'profile:usersPage' %}"
               class="nav-links--link">
                    <div class="d-flex ai-center">
                        <div class="flex--item truncate">
                            Users
                        </div>
                    </div>
            </a>
        </li>



                    </ol>
                </li>
            </ol>
        </nav>
    </div>

</div>




        <div id="content" class="snippet-hidden">



<div id="mainbar" role="main" aria-labelledby="h-all-questions">
        



            <div class="d-flex">
                <h1 class="flex--item fl1 fs-headline1 mb24">Unanswered Questions</h1>
                <div class="ml12 aside-cta flex--item print:d-none">
                    <a href="{% url 'qa:new_question' %}" class="ws-nowrap s-btn s-btn__primary">Ask Question</a>
                </div>
            </div>



<div data-controller="se-uql" data-se-uql-id="" data-se-uql-sanitize-tag-query="false">
    <div class="d-flex ai-center jc-space-between mb12 sm:fd-column sm:ai-stretch">
        <div class="fs-body3 flex--item fl1 mr12 sm:mr0 sm:mb12">
            {{questionsCount}}
            question{{questionsCount|pluralize}}
        </div>

        <div class="uql-nav flex--item"
             data-action="se-uql-list:edit-current-requested@document->se-uql#toggleEditor">
            <div class="d-flex ai-center jc-space-between">
                <div class="js-uql-navigation s-btn-group flex--item mr16 ff-row-nowrap">
                        <a class="s-btn s-btn__muted s-btn__outlined s-btn__sm d-flex" data-nav-value="Newest" href="{% url 'qa:questions' %}" data-shortcut="N">
                            <div class="flex--item">Newest</div>
                        </a>
                        {% if query == '' %}
                        <a class="s-btn s-btn__muted s-btn__outlined s-btn__sm d-flex" data-nav-value="Active" href="{% url 'qa:activeQuestions' query=None %}" data-shortcut="A">
                            <div class="flex--item">Active</div>
                        </a>
                        {% else %}
                        <a class="s-btn s-btn__muted s-btn__outlined s-btn__sm d-flex" data-nav-value="Active" href="{% url 'qa:activeQuestions' query %}" data-shortcut="A">
                            <div class="flex--item">Active</div>
                        </a>
                        {% endif %}
                        {% if query == '' %}
                        <a class="s-btn s-btn__muted s-btn__outlined s-btn__sm d-flex uql-nav--expanded-item" data-nav-value="Bounties" href="{% url 'qa:BountiedQuestions' query=None %}" data-shortcut="E">
                            <div class="flex--item">Bountied</div>
                                <div class="s-badge s-badge__bounty s-badge__bounty s-badge__sm lh-xs ml4 px4 flex--item">{{count_bounty}}</div>
                        </a>
                        {% else %}
                        <a class="s-btn s-btn__muted s-btn__outlined s-btn__sm d-flex uql-nav--expanded-item" data-nav-value="Bounties" href="{% url 'qa:BountiedQuestions' query %}" data-shortcut="E">
                            <div class="flex--item">Bountied</div>
                                <div class="s-badge s-badge__bounty s-badge__bounty s-badge__sm lh-xs ml4 px4 flex--item">{{count_bounty}}</div>
                        </a>
                        {% endif %}
                        {% if query == '' %}
                        <a class="s-btn s-btn__muted s-btn__outlined s-btn__sm d-flex uql-nav--expanded-item is-selected" data-nav-value="Unanswered" href="{% url 'qa:unansweredQuestions' query=None %}">
                            <div class="flex--item">Unanswered</div>
                        </a>
                        {% else %}
                        <a class="s-btn s-btn__muted s-btn__outlined s-btn__sm d-flex uql-nav--expanded-item is-selected" data-nav-value="Unanswered" href="{% url 'qa:unansweredQuestions' query %}">
                            <div class="flex--item">Unanswered</div>
                        </a>
                        {% endif %}
                    <button class="s-btn s-btn__muted s-btn__outlined s-btn__sm s-btn__dropdown"
                            role="button"
                            data-controller="s-popover"
                            data-action="s-popover#toggle"
                            data-se-uql-target="toggleMoreButton"
                            aria-haspopup="true"
                            aria-expanded="false"
                            aria-controls="uql-more-popover">
                        More
                    </button>
                </div>

                <div class="s-popover z-dropdown ws2"
                     id="uql-more-popover"
                     data-se-uql-target="morePopover">
                    <div class="s-popover--arrow"></div>
                    <ul class="list-reset mtn8 mbn8 js-uql-navigation">
                        {% if query == '' %}
                            <li class="uql-item my0 uql-nav--collapsed-item">
                                    <a href="{% url 'qa:BountiedQuestions' query=None %}" class="mln12 mrn12 px12 py6 fl1 s-block-link" data-shortcut="">
                                        Bountied
                                            <span class="s-badge s-badge__bounty s-badge__bounty s-badge__sm lh-xs px4">{{questionsCount}}</span>
                                    </a>
                            </li>
                        {% else %}
                            <li class="uql-item my0 uql-nav--collapsed-item">
                                    <a href="{% url 'qa:BountiedQuestions' query %}" class="mln12 mrn12 px12 py6 fl1 s-block-link" data-shortcut="">
                                        Bountied
                                            <span class="s-badge s-badge__bounty s-badge__bounty s-badge__sm lh-xs px4">{{questionsCount}}</span>
                                    </a>
                            </li>
                        {% endif %}

                        {% if query == '' %}
                            <li class="uql-item my0 uql-nav--collapsed-item">
                                    <a href="{% url 'qa:unansweredQuestions' query=None %}" class="mln12 mrn12 px12 py6 fl1 s-block-link" data-shortcut="">
                                        Unanswered
                                    </a>
                            </li>
                        {% else %}
                            <li class="uql-item my0 uql-nav--collapsed-item">
                                    <a href="{% url 'qa:unansweredQuestions' query %}" class="mln12 mrn12 px12 py6 fl1 s-block-link" data-shortcut="">
                                        Unanswered
                                    </a>
                            </li>
                        {% endif %}
                                <li class="uql-item uql-item__separator bg-black-075 d:bg-black-025"></li>
                            <li class="uql-item uql-item__separator bg-black-075 d:bg-black-025"></li>
                    </ul>
                </div>

                <div class="flex--item">
                    <button class="s-btn s-btn__filled s-btn__sm s-btn__icon ws-nowrap"
                            role="button"
                            data-controller="s-expandable-control"
                            data-s-expandable-control-toggle-class="is-selected"
                            data-se-uql-target="toggleFormButton"
                            aria-expanded="false"
                            aria-controls="uql-form">
                        <svg aria-hidden="true" class="svg-icon iconFilter" width="18" height="18" viewBox="0 0 18 18"><path d="M2 4h14v2H2V4Zm2 4h10v2H4V8Zm8 4H6v2h6v-2Z"/></svg> Filter
                    </button>
                </div>
            </div>


        </div>
    </div>







<form method="post" class="s-expandable ps-relative z-active" id="uql-form" data-se-uql-target="form" data-action="se-uql#navigate">
  {% csrf_token %}
<div class="s-expandable--content">
            <div class="bg-black-050 ba bc-black-100 bar-sm mb16">
                <div class="px12 py16">
                    <div class="d-flex gs32 fw-wrap">
                        <div class="flex--item">
                            <fieldset class="d-flex gs8 gsy fd-column">
                                <legend class="flex--item s-label px0">Filter by</legend>


        <div class="flex--item">
            <div class="d-flex gs4 gsx ai-center">
                <div class="flex--item">
                    {% if bool_1 == True %} 
                    <input class="s-checkbox d-block" type="checkbox" name="filterId" value="NoAnswers" checked id="noAnswerID">
                    {% else %}
                    <input class="s-checkbox d-block" type="checkbox" name="filterId" value="NoAnswers" id="noAnswerID">
                    {% endif %}
                </div>
                <label class="flex--item s-label fw-normal ws-nowrap" for="noAnswerID">No answers</label>
            </div>
        </div>


        <div class="flex--item">
            <div class="d-flex gs4 gsx ai-center">
                <div class="flex--item">
                    {% if bool_2 == True %}
                    <input class="s-checkbox d-block" type="checkbox" name="filterId" value="NoAcceptedAnswer" checked id="864c0d83-1ae1-4209-af01-00a4b9919a9c">
                    {% else %}
                    <input class="s-checkbox d-block" type="checkbox" name="filterId" value="NoAcceptedAnswer" id="864c0d83-1ae1-4209-af01-00a4b9919a9c">
                    {% endif %}
                </div>
                <label class="flex--item s-label fw-normal ws-nowrap" for="864c0d83-1ae1-4209-af01-00a4b9919a9c">No accepted answer</label>
            </div>
        </div>
        <div class="flex--item">
            <div class="d-flex gs4 gsx ai-center">
                <div class="flex--item">
                    {% if bool_3 == True %}
                    <input class="s-checkbox d-block" type="checkbox" name="filterId" value="Bounty" checked id="f0d4a162-a537-44f3-a843-86935c5e9c48">
                    {% else %}
                    <input class="s-checkbox d-block" type="checkbox" name="filterId" value="Bounty" id="f0d4a162-a537-44f3-a843-86935c5e9c48">
                    {% endif %}
                </div>
                <label class="flex--item s-label fw-normal ws-nowrap" for="f0d4a162-a537-44f3-a843-86935c5e9c48">Has bounty</label>
            </div>
        </div>
                            </fieldset>
                        </div>
                        <div class="flex--item">
                            <fieldset class="d-flex gs8 gsy fd-column">
                                <legend class="flex--item s-label px0">Sorted by</legend>

        <div class="flex--item">
            <div class="d-flex gs4 gsx ai-center">
                <div class="flex--item">
                    {% if selected == "Newest"  %}
                    <input class="s-radio d-block" type="radio" name="sortId" value="Newest" checked="checked" id="7e0b8961-85b2-45c9-ab03-c6b6cebdb7d5">
                    {% else %}
                    <input class="s-radio d-block" type="radio" name="sortId" value="Newest" id="7e0b8961-85b2-45c9-ab03-c6b6cebdb7d5">
                    {% endif %}
                </div>
                <label class="flex--item s-label fw-normal ws-nowrap" for="7e0b8961-85b2-45c9-ab03-c6b6cebdb7d5">Newest</label>
            </div>
        </div>

        <div class="flex--item">
            <div class="d-flex gs4 gsx ai-center">
                <div class="flex--item">
                    {% if selected == "RecentActivity" %}
                    <input class="s-radio d-block" type="radio" name="sortId" value="RecentActivity" checked="{% if selectedRecentAct %}checked{% endif %}" id="a2326f8c-ad74-4ac5-b884-ece206fae880">
                    {% else %}
                    <input class="s-radio d-block" type="radio" name="sortId" value="RecentActivity" id="a2326f8c-ad74-4ac5-b884-ece206fae880">
                    {% endif %}
                </div>
                <label class="flex--item s-label fw-normal ws-nowrap" for="a2326f8c-ad74-4ac5-b884-ece206fae880">Recent activity</label>
            </div>
        </div>
        <div class="flex--item">
            <div class="d-flex gs4 gsx ai-center">
                <div class="flex--item">
                    {% if selected == "MostVotes" %}
                    <input class="s-radio d-block" type="radio" name="sortId" value="MostVotes" checked id="879e9eb9-a66f-4d42-8cb4-22a2b5c90ac2">
                    {% else %}
                    <input class="s-radio d-block" type="radio" name="sortId" value="MostVotes" id="879e9eb9-a66f-4d42-8cb4-22a2b5c90ac2">
                    {% endif %}
                </div>
                <label class="flex--item s-label fw-normal ws-nowrap" for="879e9eb9-a66f-4d42-8cb4-22a2b5c90ac2">Most votes</label>
            </div>
        </div>
        <div class="flex--item">
            <div class="d-flex gs4 gsx ai-center">
                <div class="flex--item">
                    {% if selected == "BountyEndingSoon" %}
                    <input class="s-radio d-block" type="radio" name="sortId" checked value="BountyEndingSoon" id="e69a55c1-b2d5-4442-8bcf-f30d5134f360">
                    {% else %}
                    <input class="s-radio d-block" type="radio" name="sortId" value="BountyEndingSoon" id="e69a55c1-b2d5-4442-8bcf-f30d5134f360">
                    {% endif %}
                </div>
                <label class="flex--item s-label fw-normal ws-nowrap" for="e69a55c1-b2d5-4442-8bcf-f30d5134f360">Bounty ending soon</label>
            </div>
        </div>
                  

                            </fieldset>
                        </div>
                        <div class="flex--item">
                            <fieldset class="d-flex gs8 gsy fd-column">
                                <legend class="flex--item s-label px0">Tagged with</legend>
                            </fieldset>
                            <div class="ps-relative ml24 mt8 ws2">
                                <input id="uql-modal-tag-input" class="w100 s-input" name="tagQuery" data-se-uql-target="tagQuery" type="text" size="60" tabindex="0" placeholder="e.g. javascript or python" value="" style="display: none;"><div class="js-tag-editor tag-editor multi-line s-input" style="padding: 0px 9.1px; box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; width: 100%;"><span></span><input type="text" autocomplete="off" tabindex="0" placeholder="e.g. javascript or python" class="s-input js-tageditor-replacing" value="{{query}}" name="tagQuery" style="width: 19px;"><span></span></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="p12 bt bc-black-100">
                    <div class="d-flex">
                        <div class="d-flex gs4 gsx fl1">
                            <button class="s-btn s-btn__sm s-btn__primary flex--item" type="submit" data-se-uql-target="applyButton">Apply filter</button>
                                <button class="s-btn s-btn__filled s-btn__sm flex--item" role="button" data-action="se-uql#showSaveModal">
Save custom filter                                </button>
                        </div>
                        <div class="flex--item">
                            <button class="s-btn s-btn__sm" data-action="se-uql#cancelEditor" type="button">Cancel</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</form>



        <script type="text/html" data-se-uql-target="saveTemplate">
            <aside class="s-modal"
                   tabindex="0"
                   role="dialog"
                   aria-labelledby="uql-modal-title"
                   aria-describedby="uql-modal-description"
                   aria-hidden="true"
                   data-controller="se-uql-save">
                <div class="s-modal--dialog" role="document" data-controller="se-draggable">
                    <h1 class="s-modal--header fw-bold mb12 mr48 js-first-tabbable" id="uql-modal-title" data-se-draggable-target="handle" tabindex="0">Create a custom filter</h1>
                    <form id="uql-modal-description" data-action="se-uql-save#createNew">
                        <div class="d-flex gs4 gsy fd-column js-stacks-validation">
                            <div class="flex--item">
                                <div class="d-flex gs2 gsy fd-column">
                                    <label class="flex--item s-label" for="uql-name-field">Filter title</label>
                                </div>
                            </div>
                            <div class="d-flex ps-relative">
                                <input class="s-input js-modal-initial-focus"
                                       name="name"
                                       id="uql-name-field"
                                       type="text"
                                       autocomplete="off"
                                       placeholder="Give your custom filter a title"
                                       data-se-uql-save-target="name"
                                       data-action="input->se-uql-save#liveValidate" />
                            </div>
                            <div class="s-input-message mt4 js-stacks-validation-message d-none"></div>
                        </div>
                        <div class="mt12">
                                <button class="s-btn s-btn__primary" type="submit" data-se-uql-target="saveButton">
                                    Save filter
                                </button>
                                <button class="s-btn js-modal-close" type="button" data-action="se-uql#dismissModal">Cancel</button>
                        </div>
                    </form>
                    <button class="s-modal--close s-btn s-btn__muted js-modal-close js-last-tabbable" href="#" aria-label="Close">
                        <svg aria-hidden="true" class="svg-icon iconClearSm" width="14" height="14" viewBox="0 0 14 14"><path d="M12 3.41 10.59 2 7 5.59 3.41 2 2 3.41 5.59 7 2 10.59 3.41 12 7 8.41 10.59 12 12 10.59 8.41 7 12 3.41Z"/></svg>
                    </button>
                </div>
            </aside>
        </script>
</div>



        <div id="questions" class=" flush-left">

{% for question in questions %}
<div class="question-summary" id="question-summary-63662412">
    <div class="statscontainer">
        <div class="stats">
            <div class="{% if question.is_answer_accepted %}status answered-accepted{% endif %}">
                <div class="votes">
                    <span class="vote-count-post "><strong>{{question.calculate_UpVote_DownVote}}</strong></span>
                    <div class="viewcount">vote{{question.calculate_UpVote_DownVote|pluralize}}</div>
                </div>
            </div>
            <div class="status {% if question.is_answer_accepted %}answered-accepted{% elif question.answer_set.all %}answered{% else %}unanswered{% endif %}">
                <strong>{{question.count_answers}}</strong>answer{{question.count_answers|pluralize}}
            </div>
        </div>
        <div class="views" title="{{question.calculate_viewers}} view{{question.calculate_viewers|pluralize}}">{{question.calculate_viewers}} view{{question.calculate_viewers|pluralize}}</div>
    </div>


    <div class="summary">
        <h3><a href="{{question.get_absolute_url}}" class="question-hyperlink">{{question.title}}</a></h3>
        <div class="excerpt">
            {{question.body|truncatechars:200}}
        </div>

        <div class="d-flex ai-start fw-wrap">
            <div class="flex--item">
                <div class="d-flex gs4 fw-wrap tags t-cñ t-automated-tests t-white-framework">
                    {% for tag in question.get_all_tags %}
                    <a href="{% url 'tagbadge:taggedItemsFrom_All' tag.id %}" class="post-tag flex--item" title="show questions tagged &#39;{{tag}}&#39;" rel="{{tag}}">{{tag}}</a>
                    {% endfor %}
                </div>
            </div>
            <div class="flex--item ml-auto fl-shrink0 started mt0">
                <div class="user-info ">
                    <div class="user-action-time">
                        <a href="/questions/63662412/access-to-other-window-of-application-whitestack/?lastactivity" class="started-link">{{question.lastActiveFor}}<span title="2021-12-15 09:35:59Z" class="relativetime">{{question.q_edited_time|naturaltime}}</span></a>
                    </div>
                    <div class="user-gravatar32">
                        <a href="{{question.post_owner.profile.get_absolute_url}}"><div class="gravatar-wrapper-32"><img src="{% if question.post_owner.profile.profile_photo %}{{question.post_owner.profile.profile_photo.url}}{% endif %}" alt="" width="32" height="32" class="bar-sm"></div></a>
                    </div>
                    <div class="user-details">
                        <a href="{{question.post_owner.profile.get_absolute_url}}">{{question.post_owner}}</a>
                        <div class="-flair">
                            <span class="reputation-score" title="reputation score " dir="ltr">{{question.post_owner|calculate_reputation}}
                            </span>

                            {% if question.post_owner|calculateGoldBadges %}
                                <span title="question.post_owner|calculatSilvereBadges}} bronze badges" aria-hidden="true">
                                    <span class="badge1"></span>
                                    <span class="badgecount">{{question.post_owner|calculateGoldBadges}}</span>
                                </span>
                                    <span class="v-visible-sr">{{question.post_owner|calculateGoldBadges}} bronze badges</span>
                            {% endif %}

                            {% if question.post_owner|calculatSilvereBadges %} 
                                <span title="question.post_owner|calculatSilvereBadges}} silver badges" aria-hidden="true">
                                    <span class="badge2"></span>
                                    <span class="badgecount">{{question.post_owner|calculatSilvereBadges}}</span>
                                </span>
                                    <span class="v-visible-sr">question.post_owner|calculatSilvereBadges silver badges</span>
                            {% endif %}

                            {% if question.post_owner|calculateBronzeBadges %}
                                <span title="{{question.post_owner|calculateBronzeBadges}} bronze badges" aria-hidden="true">
                                    <span class="badge3"></span>
                                    <span class="badgecount">{{question.post_owner|calculateBronzeBadges}}</span>
                                </span>
                                    <span class="v-visible-sr">{{question.post_owner|calculateBronzeBadges}} bronze badges</span>
                            {% endif %}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endfor %}



<br class="cbt" />
            
        </div>

        <br class="cbt" />


    <div class="s-pagination site1 themed pager float-left">
        {% if questions.has_other_pages %}
            {% for i in questions.paginator.page_range %}
              {% if questions.number == i %}
            <div class="s-pagination--item is-selected">{{ i }}</div>
              {% else %}
            <a class="s-pagination--item js-pagination-item" href="?page={{ i }}" rel="" title="Go to page 2">{{ i }}</a>
              {% endif %}
            {% endfor %}
        {% endif %}
    </div>



</div>


    <div id="sidebar" role="complementary" aria-label="sidebar">

<div class="s-sidebarwidget s-sidebarwidget__yellow s-anchors s-anchors__grayscale mb16" data-tracker="cb=1">
    <ul class="d-block p0 m0">
                    <div class="s-sidebarwidget--header s-sidebarwidget__small-bold-text fc-light d:fc-black-900 bb bbw1">
                        The Overflow Blog
                    </div>
        <li class="s-sidebarwidget--item d-flex px16">
            <div class="flex--item1 fl-shrink0">
                <svg aria-hidden="true" class="va-text-top svg-icon iconPencilSm" width="14" height="14" viewBox="0 0 14 14"><path d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0ZM2 10.12l6.37-6.43 1.88 1.88L3.88 12H2v-1.88Z"/></svg>
            </div>
            <div class="flex--item wmn0 ow-break-word">
                <a href="#">StackOver Flow-Clone</a>
            </div>
        </li>
    </ul>
</div>



    <div class="module js-gps-related-tags">
        <h4 id="h-related-tags">Related Tags</h4>
        {% for relatedTag in relatedTags %}
        <div data-name="{{relatedTag}}">
            <a href="{% url 'tagbadge:taggedItemsFrom_All' relatedTag.id %}" class="post-tag no-tag-menu" title="show questions tagged '{{relatedTag}}'" rel="tag">{{relatedTag}}</a>&nbsp;<span class="item-multiplier"><span class="item-multiplier-x">×</span>&nbsp;<span class="item-multiplier-count">{{relatedTag.taggit_taggeditem_items.all.count}}</span> </span>
        </div>
        {% endfor %}
    </div>

    </div>

        </div>
    </div>



            <footer id="footer" class="site-footer js-footer" role="contentinfo">
        <div class="site-footer--container">
                <div class="site-footer--logo">
                    <i class="fab fa-stack-overflow fa-3x"></i>
                </div>
            <nav class="site-footer--nav">
                    <div class="site-footer--col site-footer--col__visible js-footer-col" data-name="default">
                        <h5 class="-title"><a href="" class="" >Stack Overflow - Clone</a></h5>
                        <ul class="-list js-primary-footer-links">
                            <li class="-item"><a href="/questions" class=" -link" data-gps-track="footer.click({ location: 4, link: 16})">Questions</a></li>
                                <li class="-item"><a href="" class=" -link" >Jobs</a></li>
                                <li class="-item"><a href="" class=" -link" >Developer Jobs Directory</a></li>
                                     <li class="-item"><a href="" class=" -link" >Salary Calculator</a></li>
                                <li class="-item"><a href="" class=" -link" >Help</a></li>
                                <li class="-item"><a onclick='StackExchange.switchMobile("on")' class=" -link" >Mobile</a></li>
                        </ul>
                    </div>
                    <div class="site-footer--col site-footer--col__visible js-footer-col" data-name="default">
                        <h5 class="-title"><a href="">Products</a></h5>
                        <ul class="-list">
                            <li class="-item"><a href="" class=" -link" 
                                                 
                                                >Teams</a></li>
                            <li class="-item"><a href="" class=" -link" >Talent</a></li>
                            <li class="-item"><a href="" class=" -link" >Advertising</a></li>
                            <li class="-item"><a href="" class=" -link">Enterprise</a></li>
                        </ul>
                    </div>
                <div class="site-footer--col site-footer--col__visible js-footer-col" data-name="default">
                    <h5 class="-title"><a href="">Company</a></h5>
                    <ul class="-list">
                            <li class="-item"><a class=" -link" href="">About</a></li>
                        <li class="-item"><a class=" -link" href="">Press</a></li>
                            <li class="-item"><a class=" -link" href="">Work Here</a></li>
                        <li class="-item"><a class=" -link" href="">Legal</a></li>
                        <li class="-item"><a class=" -link" href="">Privacy Policy</a></li>
                        <li class="-item"><a class="-link" href="">Terms of Service</a></li>
                            <li class="-item"><a class=" -link"  href="">Contact Us</a></li>
                            <li class="-item" id="consent-footer-link"><a class="-link js-cookie-settings" href="#" data-consent-popup-loader="footer">Cookie Settings</a></li>
                        <li class="-item"><a class=" -link"  href="">Cookie Policy</a></li>
                    </ul>
                </div>
            </nav>
            <div class="site-footer--copyright fs-fine">
                <ul class="-list">
                    <li class="-item"><a class="-link" href="">Blog</a></li>
                    <li class="-item"><a href="" class="-link" >Facebook</a></li>
                    <li class="-item"><a href="" class="-link" >Twitter</a></li>
                    <li class="-item"><a href="" class="-link" >LinkedIn</a></li>
                    <li class="-item"><a href="" class="-link">Instagram</a></li>
                </ul>

                <p class="mt-auto mb24">
site design / logo &#169; 2021 Stack Exchange Inc; user contributions licensed under <a href="https://stackoverflow.com/help/licensing">cc by-sa</a>.                    <span id="svnrev">rev&nbsp;2021.11.12.40742</span>
                </p>
            </div>
        </div>

    </footer>
        
    <div id="onetrust-consent-sdk" class="d-none"></div>
    <div id="onetrust-banner-sdk" data-controller="s-modal"></div>
    <div id="ot-pc-content" class="d-none"></div>
    <div id="onetrust-style" class="d-none">&nbsp;</div>
    <div class="d-none js-consent-banner-version" data-consent-banner-version="baseline"></div>

<script type="text/javascript" src="{% static 'notification/js/notification.js' %}"></script>

    
    </body>
    </html>


{% endblock content %}