{% extends "base.html" %}{% block content %}
<h1>Projects</h1>
<div class="card">
<form method="post" class="form-grid">
<input name="name" placeholder="Project name" required>
<input name="slug" placeholder="Slug" required>
<input name="url" placeholder="Website URL">
<select name="status"><option>active</option><option>development</option><option>paused</option></select>
<textarea name="description" placeholder="Description"></textarea>
<button>Add Project</button>
</form>
</div>
<div class="cards">{% for p in projects %}
<div class="card"><div class="row"><h2>{{p.name}}</h2><span class="badge">{{p.status}}</span></div>
<p>{{p.description}}</p>{% if p.url %}<a href="{{p.url}}" target="_blank">Open website ↗</a>{% endif %}
<form method="post" action="{{url_for('delete_project',project_id=p.id)}}" onsubmit="return confirm('Delete project?')"><button class="danger small">Delete</button></form>
</div>{% endfor %}</div>
{% endblock %}