{% extends "members_base.html" %}

{% block content %}
<div ng-controller="applController">
    <h3> Jäsenhakemukset </h3>

    <div>
        <div class="panel panel-primary" ng-repeat="x in applications | orderBy: 'submitted'">
            <div class="panel-heading">{$ x.member.first_name $} {$ x.member.last_name$}</div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-4">Sähköposti: {$ x.member.email $}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4">AYY-jäsen: {$ x.member.AYY $}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4">JAS-listaan: {$ x.member.jas $}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4">Asuinpaikka: {$ x.member.POR $}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4">Lisätty: {$ x.member.created $}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <input type="button" value="Hyväksy" class="btn btn-success" confirmed-click="sendAppl(x.id)" ng-confirm-click="Oletko varma, että haluat hyväksyä?"/>
                        <input type="button" value="Hylkää" class="btn btn-danger" confirmed-click="deleteAppl(x.id)" ng-confirm-click="Oletko varma, että haluat hylätä hakemuksen?"/>
                        <a href="/members/edit_application/{$x.member.id$}"<input type="button" value="Edit" class="btn btn-info">Muokkaa</input></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div ng-show="!applications.length">
        <h3>Ei jäsenhakemuksia :(</h3>
    </div>
</div>
{% endblock content %}