{% extends "members_base.html" %}

{% block content %}
<div ng-controller="postController">
    <h3> Lisää jäsen </h3>

    <div id="input_form">
        <form name="memberForm">
            <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" value="0" ng-model="member.AYY"></input>
            </div>
            <div class="form-group">
                <label>JAS-listaan: </label>
                <input type="checkbox" id="JAS" value="0" 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>
            <a href="/members/list">
            <button ng-click="memberForm.$valid && send()" type="submit" class="btn btn-success" id="sendmember">Tallenna</button>
            </a>
        </form>
    </div>
</div>
{% endblock content %}