{% extends "members_base.html" %}

{% block content %}
<script>
    var memberId = {{ member_id }};
</script>
<div ng-controller="applEditController">
    <h1> Muokkaa hakemuksen jäsentietoja </h1>

    <div id="input_form">
        <form name="applicationForm">
            <div class="form-group">
                <label>Etunimi: </label>
                <input id="firstNameField" required type="text" placeholder="Sähkö" class="form-control" ng-model="member.first_name"></input>
            </div>
            <div class="form-group">
                <label>Sukunimi: </label>
                <input id="lastNameField" required type="text" placeholder="Insinööri" class="form-control" ng-model="member.last_name"></input>
            </div>
            <div class="form-group">
                <label>Sähköposti: </label>
                <input id="emailField" required type="text" placeholder="sahko.insinoori@aalto.fi" class="form-control" ng-model="member.email"></input>
            </div>
            <div class="form-group">
                <label>AYY jäsen: </label>
                <input type="checkbox" id="AYY" ng-model="member.AYY"></input>
            </div>
            <div class="form-group">
                <label>JAS-listaan: </label>
                <input type="checkbox" id="jas" ng-model="member.jas"></input>
            </div>
            <div class="form-group">
                <label>Asuinkunta: </label>
                <input id="PORField" required type="text" placeholder="Otaniemi" class="form-control" ng-model="member.POR"></input>
            </div>
            <button class="btn btn-success" ng-click="applicationForm.$valid && sendappl()" type="submit" id="sendmember">Tallenna</button>
            <button class="btn btn-warning" ng-click="cancelappl()" type="submit" id="sendmember">Peruuta</button>
        </form>
    </div>
</div>
{% endblock content %}