Sindbad~EG File Manager

{% extends 'users/layout.html' %}
{% block content %}
<div class="container">
    <div class="row mt-5">
        <div class="col-md-6 col-6 form-group">
          {% if status_id | int == 1 %}
            <h1>Completed Questions</h1>
          {% elif status_id | int == 2 %}
            <h1>Selected Questions</h1>
          {% else %}
            <h1>Incomplete Questions</h1>
          {% endif %}
        </div>
        <div class="col">
          <a href="{{url_for('user.dashboard')}}" class="btn btn-primary text-light float-right">Dashboard</a>
        </div>
    </div>
    <div class="row">
      {% if questions %}
      {% for i in questions %}
      <div class="col-12 form-group">
        <div class="card" style="border-radius: 11px;border: 1.5px solid {% if status_id | int in [1,2] %}#13b00e{% else %}#A968FF{% endif %}; background: #FFF;box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0.10);">
          <div class="card-body">
              <div class="row">
                <div class="col-12">
                  <span class="h3 text-danger">Q{{ loop.index }}</span>
                  {% if status_id | int in [1,0] %}
                  <a href="{{url_for('user.question_edit',q_id=Cryptography.encrypt(i.q_id|int))}}" class="btn btn-link float-right text-dark"><i class="fa fa-pencil" aria-hidden="true"></i></a>
                  {% endif %}
                  {% if status_id | int in [1,2] %}
                  <a href="{{url_for('user.question_view',q_id=Cryptography.encrypt(i.q_id|int))}}" class="btn btn-link float-right text-dark"><i class="fa fa-eye" aria-hidden="true"></i></a>
                  {% endif %}
                </div>
              </div>
              <div class="row">
                <div class="col-12">
                  <p>
                  {% if i.image_link %}
                  <img src="{{ i.image_link }}" alt="" class="img-fluid" style="height: 76px;flex-shrink: 0;background: url({{ i.image_link }}) lightgray 50% / cover no-repeat, #D9D9D9;">
                  {% endif %}
                   <span class="ml-4">{{ i.question or 'Incomplete Question' }}</span></p>
                </div>
              </div>
          </div>
        </div>
      </div>
      {% endfor %}
      {% else %}
      <div class="col-12 form-group text-center">
        <h1 class="text-danger">No Questions</h1>
      </div>
      {% endif %}
    </div>
</div>
{% endblock %}
{% block script %}
{% endblock %}