{% extends "members_base.html" %}

{% block content %}
<div class="container" style="align:middle;" ng-controller="addManyController">
    <div class="instructions">
        <h3> Lisää useampi jäsen </h3>
        <h5>
            Syötä jäsentiedot pilkuilla erotettuina formaatissa <b>Etunimi, Sukunimi, Sähköposti, Asuinkunta, AYY-jäsen(0 tai 1), JAS-listaan(0 tai 1)</b>
            <br>
            <br>
            Erota jäsenet rivinvaihdoilla toisistaan.
        </h5>
        <!--<img src="/static/img/members_example.png" alt="exampleImg" style="max-width:100%; height:auto; margin-bottom:10px; opacity:0.7;">-->
    </div>
    <form name="memberTextForm">
        <div class="row">
            <div class="col-sm-4">
                <textarea ng-model="memberData" rows="20" cols="120" placeholder="Salli, Vahvonen, salli.vahvonen@notmail.dom, Kerava, 0, 0" style="border:solid 3px #c9c9c9; transition:box-shadow 0.3s, border 0.3s; align:middle;"></textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4">
                <button ng-click="sendCSV()" type="submit" class="btn btn-success" id="sendMembers">Lähetä</button>
            </div>
        </div>
    </form>
</div>
{% endblock content %}