{% extends "base.html" %}
{% block header %}
{{ super() }}
{% endblock header %}

{% block content %}
{% include "partials/navbar.html" %}

<div class="container">
    <h1> Add MVP data </h1>
    {% with messages = get_flashed_messages() %}
        {% if messages %}
        <ul class=flashes>
        {% for message in messages %}
            <li>{{ message }}</li>
        {% endfor %}
        </ul>
        {% endif %}
    {% endwith %}
    <!--<p> You can add to the existing list of users. </p>-->
    <ul>
        <li> Add one entry per line</li>
        <li> Follow the following order before adding the mvp data:</li>
        <ul>
            <li> Add <a href="/add_partner" target="_blank">School Data
            </a></li>
            <li> Add <a href="/add_teachers" target="_blank">Teacher Data
            </a></li>
            <li> Add <a href="/add_classes" target="_blank">Classroom
            </a></li>
        </ul>
        <li>Please follow a consistent order when adding grade - that is
            nursery, kg</li>
        <li>School name should exactly match with the partner name that you
            have added in the partner table</li>
    </ul>

    <form action="/add_mvp_data" method="POST" name="partners">
        <div class="input-group">
            <span class="input-group-addon" id="basic-addon1">Parent Name</span>
            <textarea type="text" class="form-control custom-control" rows="6"
                      style="resize:none" name="parent_name" id="parent_name"
                      aria-describedby="basic-addon1"></textarea>
        </div>
        <div class="input-group">
            <span class="input-group-addon"
                  id="basic-addon2">Parent Phone</span>
            <textarea type="text" class="form-control custom-control" rows="6"
                      style="resize:none" name="parent_phone" id="parent_phone"
                      aria-describedby="basic-addon2"></textarea>
        </div>
        <div class="input-group">
            <span class="input-group-addon"
                  id="basic-addon3">Teacher Phone</span>
            <textarea type="text" class="form-control custom-control" rows="6"
                      style="resize:none" name="teacher_phone"
                      id="teacher_phone"
                      aria-describedby="basic-addon3"></textarea>
        </div>
        <div class="input-group">
            <span class="input-group-addon" id="basic-addon4">School Name</span>
            <textarea type="text" class="form-control custom-control" rows="6"
                      style="resize:none" name="school_name" id="school_name"
                      aria-describedby="basic-addon4"></textarea>
        </div>
        <div class="input-group">
            <span class="input-group-addon" id="basic-addon5">Child Name</span>
            <textarea type="text" class="form-control custom-control" rows="6"
                      style="resize:none" name="child_name" id="child_name"
                      aria-describedby="basic-addon5"></textarea>
        </div>
        <div class="input-group">
            <span class="input-group-addon" id="basic-addon6">Grade</span>
            <textarea type="text" class="form-control custom-control" rows="6"
                      style="resize:none" name="grade" id="grade"
                      aria-describedby="basic-addon6"></textarea>
        </div>
        <div class="input-group">
            <span class="input-group-addon" id="basic-addon7">Batch</span>
            <textarea type="text" class="form-control custom-control" rows="6"
                      style="resize:none" name="batch" id="batch"
                      aria-describedby="basic-addon7"></textarea>
        </div>
        <div class="input-group">
            <span class="input-group-addon" id="basic-addon8">Start Date (mm/dd/yyyy)</span>
            <textarea type="text" class="form-control custom-control" rows="6"
                      style="resize:none" name="start_date" id="start_date"
                      aria-describedby="basic-addon8"></textarea>
        </div>
        <div class="input-group">
            <span class="input-group-addon" id="basic-addon9">Provider Number</span>
            <select class="form-control" id="provider_number" name="provider_number">
                {% for pn in provider_numbers %}
                     <option value="{{ pn.phone }}">{{pn.name}} - {{pn.phone}}</option>
                {% endfor %}
            </select>
        </div>
        <div class="input-group">
            <span class="input-group-addon" id="basic-addon10">Program</span>
            <textarea type="text" class="form-control custom-control" rows="6"
                      style="resize:none" name="program" id="program"
                      aria-describedby="basic-addon9"></textarea>
        </div>
        <button type="submit" class="btn btn-success">Submit</button>
    </form>
</div>
{% endblock content %}