{% extends 'assistant/base.html' %}
{% load static %}

{% block content %}
<div class="content container">

  <h3 style="color:#009A6E; margin-bottom: 20px;">{{ title }}</h3>

  <form method="post" style="max-width: 600px;">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit" class="btn btn-submit">ذخیره</button>
  </form>
</div>

<style>
  .btn-submit {
    background-color: #009A6E;
    border-color: #009A6E;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    display: inline-flex;
    align-items: center;
  }
  .btn-submit:hover {
    background-color: #009A6Eda;
    color: #fff;
  }
</style>
{% endblock %}