ATS/templates/jobs/partials/linkedin_content_form.html
2026-01-29 14:19:03 +03:00

42 lines
2.1 KiB
HTML

{% load crispy_forms_tags %}
{% load i18n %}
<div class="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4" id="linkedinModal">
<div class="bg-white rounded-2xl shadow-xl max-w-4xl w-full max-h-[90vh] overflow-y-auto">
<div class="bg-gradient-to-br from-temple-red to-[#7a1a29] text-white rounded-t-2xl p-6 flex justify-between items-center">
<h5 class="text-lg font-bold flex items-center gap-2">
<i data-lucide="linkedin" class="w-5 h-5"></i>
{% trans "Edit linkedin Post content" %}
</h5>
<button type="button" class="text-white/80 hover:text-white transition"
onclick="document.getElementById('linkedinModal').classList.add('hidden')">
<i data-lucide="x" class="w-5 h-5"></i>
</button>
</div>
<div class="p-6">
<form method="post" action="{% url 'edit_linkedin_post_content' job.slug %}" enctype="multipart/form-data">
{% csrf_token %}
<div class="mb-6">
{{ linkedin_content_form|crispy }}
</div>
<div class="flex gap-3">
<button type="button" onclick="document.getElementById('linkedinModal').classList.add('hidden')"
class="flex-1 inline-flex items-center justify-center gap-2 bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium px-4 py-2.5 rounded-xl text-sm transition">
<i data-lucide="x" class="w-4 h-4"></i>
{% trans "Close" %}
</button>
<button type="submit" class="flex-1 inline-flex items-center justify-center gap-2 bg-temple-red hover:bg-[#7a1a29] text-white font-medium px-4 py-2.5 rounded-xl text-sm transition shadow-sm hover:shadow-md">
<i data-lucide="save" class="w-4 h-4"></i>
{% trans "Save changes" %}
</button>
</div>
</form>
</div>
</div>
</div>
<script>
lucide.createIcons();
</script>