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

{% block title %}Client - Team{% endblock title %}

{% block content %}
<br><br>
<section class="page-section" id="services">
    <div class="container">
        {% include "client_navbar.html" %}
        <h2>Manage Team - {{active_company.company_name}}</h2>
        <br>
        <div class="row">
            <div class="col-6">
                <h4>Team Members</h4>
                {% for member in team_members %}
                <div class="row">
                    <p><a class="btn btn-sm btn-outline-primary" href="{% url 'web:client_remove_member' %}{{cid}}/{{member.email}}/">Remove</a> - {{ member.first_name }} {{ member.last_name }} - {{ member.email }}</p>
                </div>
                {%endfor%}
                <br>
                <h4>Invite New Team Member</h4>
                <form action="" method="post" class="form" enctype="multipart/form-data">
                    {{ user_invite_form.management_form }}
                    {% csrf_token %}
                    {% bootstrap_form user_invite_form %}
                    {% buttons %}
                    <button type="submit" class="btn btn-sm btn-info">Invite</button>
                    {% endbuttons %}
                </form> 
            </div>
            <div class="col-1"></div>
            <div class="col-5">
                <h4>Sent Invitations</h4>
                <ul>
                {% for invite in standing_invitations %}
                    <li>{{ invite.user.email }}</li><br>
                {%endfor%}
                </ul>
            </div>
        </div>
    </div>
</section>
<br><br>
{% endblock content %}