{% extends "base.html" %}
{% load static %}
 {% block content %}
<section id="view_proposal" class="section view_proposal">
    <div class="container">
        <p>
            <center>
                <h2>View Proposals</h2>
            </center>
        </p>
        {% if user.is_superuser  %}
        <!-- <div style="float:right">
            <input type="submit" id="dump" class ="btn btn-info"  value="Export as csv" name="dump"/>
        </div> -->
        <br>
            {% endif %}
            <form action="{% url 'website:status_change' %}" method="post" onsubmit="return confirm('Are You Sure?');">
                {% csrf_token %}
               
                    <div class="table-responsive">
                        <table id ="myTable" width="100%" cellpadding="10" class="table table-striped table-bordered table-hover tablesorter">
                            <colgroup>
                            {% if user.is_staff  %}

                                <col width="15%" />
                                <col width="20%" />
                                <col width="10%" />
                                <col width="30%" />
                                <col width="10%" />
                                <col width="10%" />
                            {% else %}
                                <col width="15%" />
                                <col width="70%" />
                                <col width="10%" />
                                <col width="10%" />
                                <col width="20%" />
                            {% endif %}
                            </colgroup>
                            {% if user.is_staff  %}
                            <th style="text-align: center;"></th>
                            <th style="text-align: center;">Speaker
                            {% endif %}
                                <th style="text-align: center;"> Type
                                    <th style="text-align: center;"> Title
                            {% if not user.is_staff %}
                                        <th style="text-align: center;"> View
                            {% endif %}
                            {% if user.is_staff %}
                                            <th style="text-align: center;">
                                                <center> Duration</center>
                            {% else %}
                                                <th style="text-align: center;"> Comments
                            {% endif %}
                                                    <th style="text-align: center;"> Status
                            {% for proposal in proposals %}
                                                        <tr>
                            {% if user.is_staff %}
                                                            <td style="text-align: center;">
                                {% if proposal.status == 'Rejected' %}
                                {% else %}
                                                                <center>
                                                                    <input type = "checkbox" name="delete_proposal" value = {{proposal.id}}></input>
                                                                </center>
                                                            </td>
                            {% endif %}
                                                            <td style="text-align: center;">
                                                                <h3>
                                                                    <span class="label label-primary">{{ proposal.user.first_name }} {{ proposal.user.last_name }}</span>
                                                                </h3>
                                                            </td>
                            {% endif %}
                                                            <td style="text-align: center;"> {{proposal.proposal_type }} </td>
                            {% if user.is_staff  %}
                                                            <td style="white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:.5px;">
                                                                <a title="Title : {{proposal.title}}, Tags: {{proposal.tags}}" href="{% url 'website:comment_abstract' proposal.id %}">{{proposal.title}}</a>
                                                            </td>
                            {% else %}
                                                            <td  style="white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:.5px;"> {{proposal.title}}</td>
                                                            <td style="text-align: center;">
                                                                <a href="{% url 'website:abstract_details' proposal.id %}" class="btn btn-warning">View</a>
                                                            </td>
                            {% endif %}
                                                            <td style="text-align: center;">
                                {% if user.is_staff %}
                                                                <center>{{ proposal.duration }}
                                    {% if proposal.proposal_type == 'ABSTRACT' %}
                                    Mins{% else %} Hrs {% endif %}
                                </center>
                                {% else %}
                                                                <span class="badge"> {{proposal.comments_set.count}}</span>
                                {% endif %}
                                                            </td>
                                                            <td style="text-align: center;">
                                {% if proposal.status == 'Accepted' %}
                                                                <h5 style="color:green;">{{proposal.status}}</h5>
                                {% elif proposal.status == 'Rejected' %}
                                                                <h5 style="color:red;">{{proposal.status}}</h5>
                                {% elif proposal.status == 'Commented' %}
                                                                <h5 style="color:brown;">{{proposal.status}}</h5>
                                {% elif proposal.status == 'Edit' %}
                                {% if user.is_staff %}
                                                                <h5 style="color:grey;">{{proposal.status}}</h5>
                                {% else %}
                                                                <a href="{% url 'website:edit_proposal' proposal.id %}" class ="btn btn-info">{{proposal.status}}</a>
                                {% endif %}
                                {% else %}  
                                                                <h5 style="color:#ff6600;">{{proposal.status}}</h5>
                                {% endif %}
                                                            </td>
                                                        </tr>
                        {% endfor %}
                                                    </table>
                                                </div>
                                                <br> 
                                                    <!-- <div>
                                                        <a href="{% url 'website:submitcfp' %}" class ="btn btn-info" role="button"> Submit paper  </a>
                                                        <a href="{% url 'website:submitcfw' %}" class ="btn btn-info" role="button">Submit workshop </a>
                                                    </div> -->
                                                
                {% if user.is_staff  %}
                                                 <!-- <input type="submit" id="delete" class ="btn btn-info" value="Delete" name="delete"/> -->
                                                 <center>
                                                    <input type="submit" id="accept" class ="btn btn-info" value="Accept" name="accept"/>
                                                    <input type="submit" id="rejected" class ="btn btn-info"  value="Reject" name="reject"/>
                                                    <input type="submit" id="resubmit" class ="btn btn-info"  value="Resubmit" name="resubmit"/> 
                                                </center> 
                {% endif %}
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="row" style="margin-top: 18vh;"></div>
                            </section>
 {% endblock %}