{% extends "_app_base.html" %}
{% block title %}New project — Issue Tracker{% endblock %}
{% block content %}
<div class="max-w-xl mx-auto">
    <div class="breadcrumbs text-sm mb-2"><ul>
        <li><a href="/projects">Projects</a></li>
        <li>New</li>
    </ul></div>

    <h1 class="text-xl font-semibold mb-4">New project</h1>

    <div class="card bg-base-100 border border-base-300 shadow-sm">
        <form method="post" action="/projects" class="card-body gap-3">
            <label class="form-control w-full">
                <div class="label py-1"><span class="label-text text-sm">Name</span></div>
                <input type="text" name="name" required maxlength="120" autofocus
                       class="input input-bordered input-sm w-full" placeholder="e.g. Customer Portal" />
            </label>
            <label class="form-control w-full">
                <div class="label py-1"><span class="label-text text-sm">Description</span></div>
                <textarea name="description" rows="4" maxlength="4000"
                          class="textarea textarea-bordered textarea-sm w-full"
                          placeholder="What is this project about?"></textarea>
            </label>
            <div class="card-actions justify-end mt-2">
                <a href="/projects" class="btn btn-ghost btn-sm">Cancel</a>
                <button type="submit" class="btn btn-primary btn-sm">Create project</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}