{% extends "base.html" %}
{% load bootstrap4 %}

{% block title %}Project - Questions{% endblock title %}

{% block content %}
<br><br>
<section class="page-section" id="services">
    <div class="container">
        {% include "project_navbar.html" %}
        <h2>Project Questions</h2>
        <small>Remove a question from this project (re-assign in main Questions menu)</small>
        <br><br>
        {% for question in questions %}
        <div class="row justify-content-md-left">
            <div class="col col-md-4">{{question.topic}}</div> 
            <div class="col col-md-7">{{question.question}}</div>
            <div class="col col-md-1"><a class="btn btn-sm btn-outline-danger" href="{% url 'questioning:project_questions_remove' %}{{pid}}/{{question.id}}/">Remove</a></div>
        </div>
        {%endfor%}
    </div>
</section>
{% endblock content %}