{% extends "site_base.html" %}

{% load i18n %}
{% load proposal_tags %}

{% block head_title %}Dashboard{% endblock %}

{% block body_class %}auth{% endblock %}

{% block body %}
    <div class="dashboard-panel">
        <div class="dashboard-panel-header">
            <i class="icon-bullhorn"></i>
            <h3>{% trans "Speaking" %}</h3>
            <div class="pull-right header-actions">
                {% if not user.speaker_profile %}
                    <a href="{% url speaker_create %}" class="btn">
                        <i class="icon-plus-sign"></i> Create a speaker profile
                    </a>
                {% else %}
                    <a href="{% url speaker_edit %}" class="btn">
                        <i class="icon-pencil"></i> Edit your speaker profile
                    </a>
                    <a href="{% url proposal_submit %}" class="btn">
                        <i class="icon-plus-sign"></i> Submit a new proposal
                    </a>
                {% endif %}
            </div>
        </div>
        
        <div class="dashboard-panel-content">
            {% if not user.speaker_profile %}
                <p>To submit a proposal, you must first <a href="{% url speaker_create %}">create a speaker profile</a>.</p>
            {% else %}
                <h4>Your Proposals</h4>
                {% if user.speaker_profile.proposals.exists %}
                    <table class="table">
                        <tr>
                            <th>Title</th>
                            <th>Session type</th>
                            <th>Status</th>
                            <th>Actions</th>
                        </tr>
                        {% for proposal in user.speaker_profile.proposals.all %}
                            {% include "proposals/_proposal_row.html" %}
                        {% endfor %}
                    </table>
                {% else %}
                    <p>No proposals submitted yet.</p>
                {% endif %}
            
                {% associated_proposals as associated_proposals %}
                {% if associated_proposals %}
                    <h4>Proposals you have joined as an additional speaker</h4>
                    <table class="table">
                        <tr>
                            <th>Title</th>
                            <th>Session type</th>
                            <th>Status</th>
                            <th>Actions</th>
                        </tr>
                        {% for proposal in associated_proposals %}
                            {% include "proposals/_proposal_row.html" %}
                        {% endfor %}
                    </table>
                {% endif %}
                
                {% pending_proposals as pending_proposals %}
                {% if pending_proposals %}
                    <h4>Proposals you have been invited to join</h4>
                    <table class="table">
                        <tr>
                            <th>Title</th>
                            <th>Session type</th>
                            <th>Status</th>
                            <th>Actions</th>
                        </tr>
                        {% for proposal in pending_proposals %}
                            {% include "proposals/_pending_proposal_row.html" %}
                        {% endfor %}
                    </table>
                {% endif %}
            {% endif %}
        </div>
    </div>
    
    <div class="dashboard-panel">
        <div class="dashboard-panel-header">
            <i class="icon-briefcase"></i>
            <h3>{% trans "Sponsorship" %}</h3>
            <div class="pull-right header-actions">
                {% if not user.sponsorships.exists %}
                    <a href="{% url sponsor_apply %}" class="btn">
                        <i class="icon-plus-sign"></i> Apply to be a sponsor
                    </a>
                {% endif %}
            </div>
        </div>
        
        <div class="dashboard-panel-content">
            <p>
                {% if not user.sponsorships.exists %}
                    <p>If you or your organization would be interested in sponsorship opportunities, <a href="{% url sponsor_apply %}">use our online form to apply to be a sponsor</a>.
                {% else %}
                    <h4>Your Sponsorship</h4>
                    <ul>
                        {% for sponsorship in user.sponsorships.all %}
                            <li>
                                {% if sponsorship.active %}
                                    <a href="{% url sponsor_detail sponsorship.pk %}"><b>{{ sponsorship.name }}</b></a>
                                    ({{ sponsorship.level }})
                                {% else %}
                                    <b>{{ sponsorship.name }}</b>
                                    ({{ sponsorship.level }})
                                    <span class="label label-warning">awaiting approval</span>
                                {% endif %}
                            </li>
                        {% endfor %}
                    </ul>
                {% endif %}
            </p>
        </div>
    </div>

    <div class="dashboard-panel">
        <div class="dashboard-panel-header">
            <i class="icon-group"></i>
            <h3>{% trans "Teams" %}</h3>
        </div>
        
        <div class="dashboard-panel-content">
            {% if user.memberships.exists %}
                <h4>Your Teams</h4>
                <ul>
                    {% for membership in user.memberships.all %}
                        <li>
                            {% if membership.state == "manager" %}
                                <a href="#">{{ membership.team.name }}</a>
                            {% else %}
                                {{ membership.team.name }}
                            {% endif %}
                            <span class="badge">{{ membership.get_state_display }}</span>
                        </li>
                    {% endfor %}
                </ul>
            {% endif %}
        </div>
    </div>
{% endblock %}