<h1><%= isEdit ? 'Edit Story' : 'New Story' %></h1>

<% if (typeof error !== 'undefined' && error) { %>
    <div class="error"><%= error %></div>
<% } %>

<form method="POST" action="<%= isEdit ? '/stories/' + story.id : '/stories' %>">
    <label for="title">Title <span style="color:#e74c3c;">*</span></label>
    <input type="text" id="title" name="title"
           value="<%= story.title || '' %>" required>

    <label for="description">Description</label>
    <textarea id="description" name="description"><%= story.description || '' %></textarea>

    <label for="priority">Priority</label>
    <select id="priority" name="priority">
        <option value="low" <%= (story.priority === 'low') ? 'selected' : '' %>>Low</option>
        <option value="medium" <%= (story.priority === 'medium' || !story.priority) ? 'selected' : '' %>>Medium</option>
        <option value="high" <%= (story.priority === 'high') ? 'selected' : '' %>>High</option>
    </select>

    <label for="status">Status</label>
    <select id="status" name="status">
        <option value="todo" <%= (story.status === 'todo' || !story.status) ? 'selected' : '' %>>Todo</option>
        <option value="in-progress" <%= (story.status === 'in-progress') ? 'selected' : '' %>>In Progress</option>
        <option value="done" <%= (story.status === 'done') ? 'selected' : '' %>>Done</option>
    </select>

    <div class="actions">
        <button type="submit" class="btn btn-primary"><%= isEdit ? 'Update Story' : 'Create Story' %></button>
        <a href="/stories" class="btn btn-back">Cancel</a>
    </div>
</form>
