{% extends "base.html" %}
{% block title %}{{ assessment.name }} - Assessment | Sh00t{% endblock %}

{% block page %}

<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="/app/assessments/all/">Assessments</a></li>
    <li class="breadcrumb-item active"><i class="fa fa-cube"></i> {{ assessment.name }} <span id="response" class="small"></span></li>
</ol>

<div class="row">
    <div class="col-lg-6">
        <form role="form" method="post">
            {% if "success" == submitted %}
                <div class="row">
                    <div class="col-lg-12">
                        <div class="alert alert-info alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <i class="fa fa-info-circle"></i> Updated
                        </div>
                    </div>
                </div>
            {% endif %}
            <div class="form-group">
                <label>Name</label>
                <input class="form-control" name="name" id="name" value="{{ assessment.name }}" autocomplete="off">
            </div>
            <div class="form-group">
                <label for="project">Project</label>
                <select class="form-control" name="project" id="project">
                {% for project in projects %}
                    <option value="{{ project.id }}"
                    {% if project.id == assessment.project.id %}
                        selected="selected"
                    {% endif %}>
                    {{ project.name }}</option>
                {% endfor %}
                </select>
            </div>
            <input type="hidden" value="{{ assessment.id }}" id="id" /><input type="hidden" value="{{ assessment.id }}" id="id" />
            <button type="submit" class="btn btn-primary">Update</button>
            <button type="submit" name="delete" value="delete" class="btn btn-danger">Delete</button>
            {% csrf_token %}
        </form>
    </div>
</div>
{% endblock %}
{% block extra_foot %}
<script src="/static/js/common-ajax.js"></script>
<script type="text/javascript">
    $('#name').on('input', function() {
        sync('assessment');
    });
    $('#project').on('change', function() {
        sync('assessment');
    });
</script>
{% endblock %}