{% extends 'layout.html' %}
{% block head %}
 <meta charset='utf-8' />
<link rel='stylesheet' type=text/css href= '{{ url_for('static', filename='jquery-ui-1.10.2.custom.min.css') }}'>
<script src='{{ url_for('static', filename='jquery-1.9.1.js') }}'></script>
<script src='{{ url_for('static', filename='jquery-ui-1.10.2.custom.min.js') }}'></script>
<script>
$(document).ready(function() {
$( '#datepicker' ).datepicker();
});
</script>
{% endblock %}

{% block body %}
<div class='container'>
{% if modify_item %}
    <h1>Modify item {{mod_id}} in {{ table_name }}:</h1>
{% else %}
    <h1>Create new item in {{ table_name }}:</h1>
{% endif %}
{% if modify_item %}
    <form action='{{"/%s_modify_id/%i"%(table_name,mod_id)}}' method='post'>
{% else %}
    <form action='{{"/%s_create"%table_name}}' method='post'>
{% endif %}
<input type='hidden' name='_csrf_token' value='{{generate_csrf_token()}}'>
{% if  modify_item  %}
<input type='hidden' name='id' value='{{mod_id}}' />
{% endif %}
{% for col in table.columns %}
    {% if col.name != 'id' %}
        <p>{{ col.name }}</p>
		{% if type(col.type) == sqlalchemy.types.DATE %}
            <input type='text' name='{{col.name}}' id='datepicker' value='{{mod_data[col.name].strftime("%m/%d/%Y") if modify_item}}'/>
            {% else %}
            {% if errors %}
                {% if errors[col.name] %}
                    <p class='text-error'> Error on {{ col.name }}: {{ errors[col.name]}} </p>
                {% endif %}
            {% endif %}
            {%if col.name not in ['cost','price'] %}
                <input type='text' name='{{col.name}}' value='{{mod_data[col.name] if  modify_item}}'/>
            {%else%}
                <input type='text' name='{{col.name}}' value='{{"%0.2f" % (float(mod_data[col.name])/100.00) if  modify_item}}'/>
            {%endif%}
        {% endif %}
    {% endif %}
{%endfor%}
{% if modify_item %}
<p><input type='submit' value='Modify' class='btn btn-primary'/>
<a class="btn" href="{{'/%s_view' % (table_name)}}" >Cancel</a>
{% else %}
<p><input type='submit' value='Create' class='btn btn-primary'/>
<input type='reset' class='btn'/></p>
{% endif %}
</form>
</div>
{% endblock %}