51 lines
2.5 KiB
HTML
51 lines
2.5 KiB
HTML
<div class="bg-white rounded-lg shadow-md border border-gray-200">
|
|
<div class="p-6 border-b border-gray-200">
|
|
<h2 class="text-xl font-semibold text-gray-900 flex items-center">
|
|
<svg class="w-5 h-5 text-purple-600 mr-2"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 20h9M12 4h9M5 4h.01M5 20h.01M5 12h.01M9 16h6M9 8h6" />
|
|
</svg>
|
|
Write a new post
|
|
</h2>
|
|
<p class="text-sm text-gray-600 mt-1">Publish a new post online. Subscribers will be notified.</p>
|
|
</div>
|
|
<div class="p-6">
|
|
<form hx-post="/admin/posts"
|
|
hx-target="#post-messages"
|
|
hx-swap="innerHTML"
|
|
class="space-y-4">
|
|
<input type="hidden" name="idempotency_key" value="{{ idempotency_key_1 }}" />
|
|
<div>
|
|
<label for="post-title" class="block text-sm font-medium text-gray-700 mb-2">Title</label>
|
|
<input type="text"
|
|
id="post-title"
|
|
name="title"
|
|
required
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-purple-500" />
|
|
</div>
|
|
<div>
|
|
<label for="post-content"
|
|
class="block text-sm font-medium text-gray-700 mb-2">Markdown content</label>
|
|
<textarea id="post-content"
|
|
name="content"
|
|
rows="6"
|
|
required
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-purple-500"></textarea>
|
|
</div>
|
|
<button type="submit"
|
|
class="w-full bg-purple-600 text-white hover:bg-purple-700 font-medium py-3 px-4 rounded-md transition-colors flex items-center justify-center">
|
|
<svg class="w-4 h-4 mr-2"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 20h9M12 4h9M5 4h.01M5 20h.01M5 12h.01M9 16h6M9 8h6" />
|
|
</svg>
|
|
Publish
|
|
</button>
|
|
<div id="post-messages" class="mt-4"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|