{% load static %}

<div class="d-flex">
   {% if user.is_staff %}
   <div class="dropdown mx-1">
       <button class="btn btn-primary" type="button" id="#listDrop" data-bs-toggle="dropdown" aria-expanded="false">
         Actions
       </button>
   
       <ul class="dropdown-menu">
          <li>
             <a href="{% url 'rsshistory:entry-add-simple' %}" class="dropdown-item" title="Opens add entry wizard">
                 <img src="{% static 'rsshistory/icons/icons8-add-link-96.png' %}" class="content-icon" />
                 Add entry
             </a>
          </li>

          {% if search %}
          <li>
             <a href="{% url 'rsshistory:set-read-marker' %}?search={{search}}" class="dropdown-item" title="Marks all entries as read">
                 <img src="{% static 'rsshistory/icons/icons8-add-link-96.png' %}" class="content-icon" />
                    Mark as read
             </a>
          </li>
          {% endif %}
       </ul>
   </div>
   {% endif %}

   <div class="dropdown mx-1">
       <button class="btn btn-primary" type="button" id="#listDrop" data-bs-toggle="dropdown" aria-expanded="false">
         View
       </button>
       <ul class="dropdown-menu">
          <li>
             <button id="showPureLinks" class="dropdown-item">Show Pure Links</button>
          </li>
          <li>
             <button id="highlightBookmarks" class="dropdown-item">Highlight Bookmarks</button>
          </li>
          <li>
             <button id="displayStandard" class="dropdown-item">Display standard</button>
          </li>
          <li>
             <button id="displayGallery" class="dropdown-item">Display gallery</button>
          </li>
          <li>
             <button id="displaySearchEngine" class="dropdown-item">Display search engine</button>
          </li>
       </ul>
   </div>
   
  {% if entry_list %}
   <div class="dropdown mx-1">
       <button class="btn btn-primary" type="button" id="#filtersDrop" data-bs-toggle="dropdown" aria-expanded="false">
         Filters
       </button>
   
       <ul class="dropdown-menu">
          <li>
             <a href="{% url 'rsshistory:entries' %}?search=bookmarked+%3D+True" class="dropdown-item" title="Shows bookmarked only">
              Bookmarked</a>
          </li>
          <li>
             <a href="{% url 'rsshistory:entries' %}?search=bookmarked+%3D+False" class="dropdown-item" title="Shows non bookmarked only">
              Not bookmarked</a>
          </li>
          <li>
             <a href="{% url 'rsshistory:entries' %}?search=tags__tag__isnull+%3D+True" class="dropdown-item" title="Shows not tagged entries">
              Not tagged</a>
          </li>
          <li>
             <a href="{% url 'rsshistory:entries' %}?search=page_rating_votes+%3E+0" class="dropdown-item" title="Shows entries with votes">
              Voted</a>
          </li>
          <li>
             <a href="{% url 'rsshistory:entries' %}?search=page_rating+%3C+0" class="dropdown-item" title="Shows negative rating entries">
              Negative rating</a>
          </li>
          <li>
             <a href="{% url 'rsshistory:entries' %}?search=date_dead_since__isnull+%3D+False" class="dropdown-item" title="Shows dead entries">
              Dead</a>
          </li>
          <li>
             <!--
                     %7E - ~
                     %28 - (
                     %3D - =
                     %7C - |
                     %29 - )
                     %3C - <
                     %3E - <
                     ~(status_code = 200 | status_code = 0)
             -->
             <a href="{% url 'rsshistory:entries' %}?search=%7E%28status_code+%3D+200+%7C+status_code+%3D+0+%29" class="dropdown-item" title="Shows invalid status code entries">
              Invalid status codes</a>
          </li>
          <li>
             <a href="{% url 'rsshistory:entries' %}?search=%7E%28manual_status_code+%3D+200+%29" class="dropdown-item" title="Shows invalid manual status code entries">
              Invalid manual status codes</a>
          </li>
       </ul>
   </div>

   <div class="dropdown mx-1">
       <button class="btn btn-primary" type="button" id="#orderDrop" data-bs-toggle="dropdown" aria-expanded="false">
         Order
       </button>
   
       <ul class="dropdown-menu">
          <li>
		  <a href="{% url 'rsshistory:entries' %}?order=page_rating&{{request.GET.urlencode}}" class="dropdown-item" title="Order by page rating">
              Page rating ASC</a>
          </li>
          <li>
		  <a href="{% url 'rsshistory:entries' %}?order=-page_rating&{{request.GET.urlencode}}" class="dropdown-item" title="Order by page rating">
              Page rating DESC</a>
          </li>
          <li>
		  <a href="{% url 'rsshistory:entries' %}?order=date_published&{{request.GET.urlencode}}" class="dropdown-item" title="Order by date published">
              Date published ASC</a>
          </li>
          <li>
		  <a href="{% url 'rsshistory:entries' %}?order=-date_published&{{request.GET.urlencode}}" class="dropdown-item" title="Order by date published">
              Date published DESC</a>
          </li>
          <li>
		  <a href="{% url 'rsshistory:entries' %}?order=date_update_last&{{request.GET.urlencode}}" class="dropdown-item" title="Order by date updated">
              Date updated ASC</a>
          </li>
          <li>
		  <a href="{% url 'rsshistory:entries' %}?order=-date_update_last&{{request.GET.urlencode}}" class="dropdown-item" title="Order by date updated">
              Date updated DESC</a>
          </li>
          <li>
		  <a href="{% url 'rsshistory:entries' %}?order=link&{{request.GET.urlencode}}" class="dropdown-item" title="Order by link name">
              Link ASC</a>
          </li>
          <li>
		  <a href="{% url 'rsshistory:entries' %}?order=-link&{{request.GET.urlencode}}" class="dropdown-item" title="Order by link name">
              Link DESC</a>
          </li>
       </ul>
   </div>
   {% endif %}

</div>