{% extends "base.html" %}
{% block content %}
<div style="max-width: 600px; margin: 0 auto;">
<h2 style="margin-bottom: 1.5rem;">{% if is_new %}Create {% else %}Edit {% endif %}{{ resource.name }}</h2>
<form method="POST">
{% for field in fields %}
<div class="form-group">
<label class="form-label">
{{ field.label }}
{% if field.required %}<span style="color: var(--error);">*</span>{% endif %}
</label>
{% if field.field_type == 'TextArea' %}
<textarea name="{{ field.key }}" class="form-control" rows="{{ field.field_type.rows }}" {% if field.required %}required{% endif %}>{{ values[field.key] }}</textarea>
{% elif field.field_type == 'Select' %}
<select name="{{ field.key }}" class="form-control" {% if field.required %}required{% endif %}>
{% for opt in field.field_type.options %}
<option value="{{ opt.0 }}" {% if values[field.key] == opt.0 %}selected{% endif %}>{{ opt.1 }}</option>
{% endfor %}
</select>
{% elif field.field_type == 'Boolean' %}
<input type="checkbox" name="{{ field.key }}" {% if values[field.key] %}checked{% endif %}>
{% else %}
<input type="{{ field.field_type | lower }}" name="{{ field.key }}"
value="{{ values[field.key] }}"
placeholder="{{ field.placeholder }}"
class="form-control" {% if field.required %}required{% endif %}>
{% endif %}
{% if field.help_text %}<div class="form-help">{{ field.help_text }}</div>{% endif %}
{% if errors[field.key] %}<div class="form-error">{{ errors[field.key] }}</div>{% endif %}
</div>
{% endfor %}
<div style="display: flex; gap: 1rem; margin-top: 2rem;">
<button type="submit" class="btn btn-primary">Save</button>
<a href="{{ resource.path_list }}" class="btn" style="border: 1px solid var(--border);">Cancel</a>
</div>
</form>
</div>
{% endblock %}