{% extends 'scipost/_personal_page_base.html' %}

{% block breadcrumb_items %}
    {{block.super}}
    <a href="{% url 'virtualmeetings:VGMs' %}" class="breadcrumb-item">Virtual General Meetings</a>
    <span class="breadcrumb-item">{{VGM}}</span>
{% endblock %}

{% block pagetitle %}: VGM detail{% endblock pagetitle %}

{% load staticfiles %}
{% load bootstrap %}

{% block content %}

<div class="row">
    <div class="col-12">
        <h1 class="highlight">SciPost Virtual General Meeting</h1>
      <h2>On this page:</h2>
      <ul>
	<li><a href="#Information">Information message</a></li>
	<li><a href="#Feedback">Feedback</a></li>
	{% if VGM.start_date|date:"Y" == '2017' or VGM.start_date|date:"Y" == '2018' %}
	<li><a href="#Nominations">Nominations</a></li>
	{% endif %}
	<li><a href="#Motions">Motions</a></li>
      </ul>
    </div>
</div>

<hr>

<div class="row" id="Information">
    <div class="col-12">
          <h2 class="highlight">Information message from SciPost Administration</h2>
          <div class="mb-3">{{ VGM_information }}</div>

        <h3>Quick bullet points:</h3>
        <ul>
          <li>This VGM is scheduled from {{ VGM.start_date|date:'Y-m-d' }} to {{ VGM.end_date|date:'Y-m-d' }}.</li>
          <li>Your feedback/suggestions/criticisms on any aspect of SciPost are greatly valued. Provide them by filling the <a href="#FeedbackBox">feedback form</a>.</li>
          <li>Your nominations to the Editorial College are welcome. Simply visit the <a href="{% url 'colleges:potential_fellowships' %}">Potential Fellowships</a> page, and cast your vote on current nominations.</li>
          <li>For substantial changes, for example to the by-laws, new Motions can be put forward until the end of the meeting using the <a href="#MotionBox">form</a>.</li>
          <li>Voting on Motions is open until one week after the meeting.</li>
          <li>You a referred to the <a href="{% url 'scipost:EdCol_by-laws' %}">by-laws</a>, section 2 for further details about the procedures.</li>
        </ul>
    </div>
</div>

<hr>

<div class="row" id="Feedback">
  <div class="col-12">
    <div id="FeedbackBox">
      <div class="card card-grey my-2">
          <div class="card-header">
              <h2>Feedback on SciPost</h2>
              <a href="javascript:;" class="btn btn-outline-secondary" data-toggle="toggle" data-target="#submitFeedback">Provide feedback</a>
          </div>
          <div class="card-body" style="display: none;" id="submitFeedback">
              <form action="{% url 'virtualmeetings:feedback' VGM_id=VGM.id %}" method="post">
            	{% csrf_token %}
            	{{ feedback_form|bootstrap }}
            	<input class="btn btn-outline-secondary" type="submit" value="Submit"/>
              </form>
          </div>
      </div>
    </div>
  </div>
  <div class="col-12">
      <h2 class="highlight">General Feedback provided</h2>
  </div>
  <div class="col-12">
      <ul>
          {% for feedback in feedback_received %}
          	<li id="feedback{{feedback.id}}">
                {% include 'virtualmeetings/feedback_content.html' with feedback=feedback %}
            </li>
              	<a href="javascript:;" class="btn btn-outline-secondary" data-toggle="toggle" data-target="#remarkfeedbackForm{{ feedback.id }}">Add a remark on this Feedback</a>
              	<div class="py-2" id="remarkfeedbackForm{{ feedback.id }}">
              	  <form action="{% url 'virtualmeetings:add_remark_on_feedback' VGM_id=VGM.id feedback_id=feedback.id %}" method="post">
              	    {% csrf_token %}
              	    {{ remark_form|bootstrap:'0,12' }}
              	    <input class="btn btn-outline-secondary" type="submit" value="Submit" />
              	  </form>
              	</div>
              	{% if feedback.remarks.all %}
              	<h3>Remarks on this feedback:</h3>
              	<ul>
              	  {% for rem in feedback.remarks.all %}
                  	  {% include 'scipost/_remark_li.html' with remark=rem %}
              	  {% endfor %}
              	</ul>
              	{% endif %}
          	{% endfor %}
        </ul>
    </div>
</div>

<hr>


{% if VGM.start_date|date:"Y" == '2017' or VGM.start_date|date:"Y" == '2018' %}
<div class="row" id="Nominations">
    <div class="col-12">
        <div id="NominationBox">
          <div class="card card-grey my-2">
              <div class="card-header">
                  <h2>Nominations to the Editorial College</h2>
                  <a href="javascript:;" class="btn btn-outline-secondary" data-toggle="toggle" data-target="#submitNominationForm">Nominate an Editorial Fellow candidate</a>
              </div>
              <div class="card-body" style="display: none;" id="submitNominationForm">
                  <form action="{% url 'virtualmeetings:nominate_Fellow' VGM_id=VGM.id %}" method="post">
                	{% csrf_token %}
                	{{ nomination_form|bootstrap }}
                	<input class="btn btn-outline-secondary" type="submit" value="Submit"/>
                  </form>
              </div>
          </div>
        </div>
    </div>

    <div class="col-12">
        <h2 class="highlight">Current Fellow nominations</h2>
        <div id="FellowshipListing">
            <h3>Current Fellows ({{current_Fellows|length}}) &middot; <a href="javascript:;" data-toggle="toggle" data-target="#current_fellows_list">view/hide</a></h3>
            <ul id="current_fellows_list" style="display: none;">
                {% for Fellow in current_Fellows %}
                <li>
                    <span class="font-weight-bold">{{Fellow}}</span><br>
                    {{ Fellow.get_discipline_display }} &middot; {{ Fellow.expertises_as_string }}
                </li>
        	    {% endfor %}
              </ul>

          <h3>Invitations currently outstanding ({{pending_inv_Fellows|length}}) &middot; <a href="javascript:;" data-toggle="toggle" data-target="#pending_invitations_list">view/hide</a></h3>
            <ul id="pending_invitations_list" style="display: none;">
                {% for invitee in pending_inv_Fellows %}
                  <li>{{ invitee.first_name }} {{ invitee.last_name }}</li>
                  {% empty %}
                  <li>No outstanding invitations found</li>
                {% endfor %}
            </ul>


            <h3>Invitations which have been turned down  ({{declined_inv_Fellows|length}}) &middot; <a href="javascript:;" data-toggle="toggle" data-target="#declined_invitations_list">view/hide</a></h3>
            <ul id="declined_invitations_list" style="display: none;">
                {% for invitee in declined_inv_Fellows %}
            	    <li>{{ invitee.first_name }} {{ invitee.last_name }}</li>
                    {% empty %}
                    <li>No declined invitations found</li>
        	    {% endfor %}
              </ul>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-12">
    	<h2 class="highlight">Nominations under consideration ({{nominations|length}})</h2>
    </div>
</div>
<div class="row">
    <div class="col-12" id="accordion">
        {% for domain, spec in spec_list %}
            <div class="card">
                <div class="card-body">
                    <a href="#" class="card-link" data-toggle="collapse" data-target="#collapse{{ domain|cut:" " }}" aria-expanded="false" aria-controls="collapse{{ domain|cut:" " }}">{{ domain }}</a>
                </div>
                <!-- Domain -->
                <div class="card-body collapse bg-white" id="collapse{{ domain|cut:" " }}" aria-labelledby="heading{{ domain|cut:" " }}" data-parent="#accordion">
            	    {% for sp, val in spec %}
                	    <div class="card">
                            <div class="card-body bg-white">
                                <a href="#" class="card-link" id="heading{{ forloop.counter }}" data-toggle="collapse" data-target="#collapse{{ forloop.counter }}" aria-expanded="false" aria-controls="collapse{{ forloop.counter }}">{{ sp }}</a>
                                <br>{{ val }}
                            </div>
                            <ul class="list-group list-group-flush collapse" id="collapse{{ forloop.counter }}" aria-labelledby="heading{{ forloop.counter }}" data-parent="#collapse{{ domain|cut:" " }}">
                                {% for nomination in nominations %}
                                    {% if sp in nomination.expertises %}
                                        <li class="list-group-item">
                                            <div class="card-body bg-white">
                                                {% include 'virtualmeetings/nomination_content.html' with nomination=nomination %}
                                            </div>
                                            <div class="card-body bg-white">
                                                <div class="opinionsDisplay mx-0 px-3 py-2">
                                                    <h4>Your opinion on this Nomination (voting deadline: {{ nomination.voting_deadline|date:'y-m-d' }}):</h4>
                                                    <form action="{% url 'virtualmeetings:vote_on_nomination' nomination_id=nomination.id vote='A' %}" method="post">
                                                        {% csrf_token %}
                                                        <input type="submit" class="agree" value="Agree {{ nomination.nr_A }} "/>
                                                    </form>
                                                    <form action="{% url 'virtualmeetings:vote_on_nomination' nomination_id=nomination.id vote='N' %}" method="post">
                                                        {% csrf_token %}
                                                        <input type="submit" class="notsure" value="Not sure {{ nomination.nr_N }}"/>
                                                    </form>
                                                    <form action="{% url 'virtualmeetings:vote_on_nomination' nomination_id=nomination.id vote='D'%}" method="post">
                                                        {% csrf_token %}
                                                        <input type="submit" class="disagree" value="Disagree {{ nomination.nr_D }}"/>
                                                    </form>
                                                    {% if request.user.contributor in nomination.in_agreement.all %}
                                                        <strong>(you have voted: Agreed)</strong>
                                                    {% elif request.user.contributor in nomination.in_notsure.all %}
                                                        <strong>(you have voted: Not sure)</strong>
                                                    {% elif request.user.contributor in nomination.in_disagreement.all %}
                                                        <strong>(you have voted: Disagree)</strong>
                                                    {% endif %}
                                                </div>
                                            </div>
                                            <div class="card-body bg-white">
                                                <a href="javascript:;" class="card-link btn btn-outline-secondary" data-toggle="toggle" data-target="#remarkForm{{ nomination.id }}">Add a remark on this Nomination</a>
                                                <div class="submitRemarkForm my-3" id="remarkForm{{ nomination.id }}" style="display: none;">
                                                    <form action="{% url 'virtualmeetings:add_remark_on_nomination' VGM_id=VGM.id nomination_id=nomination.id %}" method="post">
                                                    {% csrf_token %}
                                                    {{ remark_form|bootstrap:'0,12' }}
                                                    <input type="submit" class="btn btn-outline-secondary" value="Submit" />
                                                    </form>
                                                </div>
                                            </div>
                                            <div class="card-body bg-white">
                                                <h3>Remarks on this nomination</h3>
                                                <ul>
                                                    {% for rem in nomination.remarks.all %}
                                                        {% include 'scipost/_remark_li.html' with remark=rem %}
                                                    {% empty %}
                                                        <li><em>No Remarks found</em></li>
                                                    {% endfor %}
                                                </ul>
                                            </div>
                                        </li>
                            	    {% endif %}
                                {% endfor %}
                            </ul>
                        </div>
            	    {% endfor %}
                </div><!-- End Domain -->
            </div>
        {% endfor %}
    </div>
</div>
{% endif %}

<!-- Motions -->
<div class="row" id="Motions">
    <div class="col-12">
        <div class="card card-grey my-2">
            <div class="card-header">
                <h2>Submit a new Motion</h2>
                <a href="javascript:;" class="btn btn-outline-secondary" data-toggle="toggle" data-target="#submitMotionForm">Put a new Motion forward</a>
            </div>
            <div class="card-body" style="display: none;" id="submitMotionForm">
                <form action="{% url 'virtualmeetings:put_motion_forward' VGM_id=VGM.id %}" method="post">
                  {% csrf_token %}
                  {{ motion_form|bootstrap }}
                  <input class="btn btn-outline-secondary" type="submit" value="Submit"/>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-12">
    	<h2 class="highlight">Motions under consideration</h2>
    </div>
</div>

    {% for key, val in motion_categories_dict.items %}
        <div class="row">
            <div class="col-12"><h2>{{ val }}:</h2></div>
            <div class="col-md-11 ml-auto">
                <ul>
                {% for motion in VGM.motion_set.all %}
                    {% if motion.category == key %}
                        <li>
                            {% include 'virtualmeetings/motion_content.html' with motion=motion %}
                            <div class="d-block mb-3 opinionsDisplay">
                                <h4>Your opinion on this Motion (voting deadline: {{ motion.voting_deadline|date:'y-m-d' }}):</h4>
                                <form action="{% url 'virtualmeetings:vote_on_motion' motion_id=motion.id vote='A' %}" method="post">
                                    {% csrf_token %}
                                    <input type="submit" class="agree" value="Agree {{ motion.nr_A }} "/>
                                </form>
                                <form action="{% url 'virtualmeetings:vote_on_motion' motion_id=motion.id vote='N' %}" method="post">
                                    {% csrf_token %}
                                    <input type="submit" class="notsure" value="Not sure {{ motion.nr_N }}"/>
                                </form>
                                <form action="{% url 'virtualmeetings:vote_on_motion' motion_id=motion.id vote='D'%}" method="post">
                                    {% csrf_token %}
                                    <input type="submit" class="disagree" value="Disagree {{ motion.nr_D }}"/>
                                </form>
                                {% if request.user.contributor in motion.in_agreement.all %}
                                    <strong>(you have voted: Agreed)</strong>
                                {% elif request.user.contributor in motion.in_notsure.all %}
                                    <strong>(you have voted: Not sure)</strong>
                                {% elif request.user.contributor in motion.in_disagreement.all %}
                                    <strong>(you have voted: Disagree)</strong>
                                {% endif %}
                            </div>
                            <a class="btn btn-outline-secondary" href="javascript:;" data-toggle="toggle" data-target="#remarkForm{{ motion.id }}">Add a remark on this Motion</a>
                            <div class="submitRemarkForm mt-3" id="remarkForm{{ motion.id }}" style="display: none;">
                                <form action="{% url 'virtualmeetings:add_remark_on_motion' motion_id=motion.id %}" method="post">
                                    {% csrf_token %}
                                    {{ remark_form|bootstrap:"0,12" }}
                                    <input type="submit" class="btn btn-outline-secondary" value="Submit" />
                                </form>
                            </div>
                            {% if motion.remarks.all %}
                            <h3>Remarks on this motion:</h3>
                                <ul>
                                    {% for rem in motion.remarks.all %}
                                        {% include 'scipost/_remark_li.html' with remark=rem %}
                                    {% endfor %}
                                </ul>
                            {% endif %}
                            <hr>
                        </li>
                    {% endif %}
                {% endfor %}
                </ul>
        </div>
      </div>
  {% endfor %}

{% endblock %}