{% extends "bootstrapheader.html" %}
{% block body %}
<body>
<div class="container">
{% for m in msg %}
<div class="alert alert-{{m["type"]}}">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
{{m["msg"]}}
</div>
{% endfor %}
<h3>Edit Experiment</h3>
<form class="form-horizontal" role="form" action="/editExperiment" method="post">
<div class="form-group">
<label class="control-label col-sm-2" for="name">Name:</label>
<div class="col-sm-10">
<input type="text" name="name" class="form-control" id="name" placeholder="Enter Experiment Name" {% if name %} value="{{name}}" {% endif %} required>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="name">Description:</label>
<div class="col-sm-10">
<textarea class="form-control" rows="5" id="description" name="description" placeholder="Experiment Description" required>{% if description %}{{description}} {% endif %} </textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" name="save" class="btn btn-primary">Save</button>
</div>
</div>
</form>
</div>
<hr>
<div class="container">
<h3>Peaks</h3>
{% if exp_peaks %}
<form class="form-horizontal" role="form" action="/editExperiment" method="post">
<div class="form-group">
<label class="control-label col-sm-2" for="name">Peaks:</label>
<div class="col-sm-10">
<table class="table table-striped">
{% for p in exp_peaks %}
<tr><td>{{p['peak']}}</td><td class="text-right">
{% if not samples %}
<button type="submit" class="btn btn-danger btn-xs" name="remove_peak" value="{{p['ep_id']}}">
<span class="glyphicon glyphicon-remove"></span> Remove
</button>
{% else %}
Can't delete peak after first sample.
{% endif %}
</td</tr>
{% endfor %}
</table>
</div>
</div>
</form>
{% endif %}
{% if not samples %}
<form class="form-horizontal" role="form" action="/editExperiment" method="post">
<div class="form-group">
<label class="control-label col-sm-2" for="inpeaks">Peaks: </label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inpeaks" name="inpeaks" placeholder="Add Peaks" value = "1257.4,1419.5,1581.5,1743.6,1809.7,1905.6" required>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">Add Peaks</button>
</div>
</div>
</form>
</div>
<hr>
{% endif %}
<div class="container">
<h3>Collaborators:</h3>
{% if collaborators %}
<form class="form-horizontal" role="form" action="/editExperiment" method="post">
<div class="form-group">
<label class="control-label col-sm-2" for="collaborator">Collaborators:</label>
<div class="col-sm-10">
<table class="table table-striped">
{% for c in collaborators %}
<tr><td>{{c["name"]}}</td><td>{{c["last"]}}</td><td>{{c["email"]}}</td><td class="text-right">
<button type="submit" class="btn btn-danger btn-xs" name="remove_col" value="{{c["ueid"]}}">
<span class="glyphicon glyphicon-remove"></span> Remove
</button>
</td</tr>
{% endfor %}
</table>
</div>
</div>
</form>
{% endif %}
<form class="form-horizontal" role="form" action="/editExperiment" method="post">
<div class="form-group">
<label class="control-label col-sm-2" for="collaborators">Collaborator Email: </label>
<div class="col-sm-10">
<input type="text" class="form-control" id="collaborators" name="collaborators" placeholder="Collaborator email" required>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">Add Collaborator</button>
</div>
</div>
</form>
</div>
</body>
{% endblock %}