{% extends 'carers/dashboard_layout.html' %}


{% block content %}
<div class="mx-auto max-w-screen-2xl p-4 md:p-6 2xl:p-10">
            <!-- Breadcrumb Start -->
            <div class="mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
              <h2 class="text-title-md2 font-bold text-black">
                New Organisation
              </h2>

              <nav>
                <ol class="flex items-center gap-2">
                  <li>
                    <a class="font-medium" href="index.html">Dashboard /</a>
                  </li>
                  <li class="font-medium text-primary">Form Layout</li>
                </ol>
              </nav>
            </div>
            <!-- Breadcrumb End -->



            <!-- ====== Form Layout Section Start -->
            <div class="grid grid-cols-1 gap-9 sm:grid-cols-2">
              <div class="flex flex-col gap-9">
                <!-- Contact Form -->
                <div class="rounded-sm border border-stroke bg-white shadow-default py-4 px-4">
                      <form method="post" enctype="multipart/form-data">{% csrf_token %}
    {{ form.as_p }}
    <input class="flex items-center gap-2 rounded bg-indigo-950 px-4 py-2 font-medium text-white hover:bg-opacity-80" type="submit" value="Save">
</form>
                </div>
              </div>

              <div class="flex flex-col gap-9">


              </div>
            </div>
            <!-- ====== Form Layout Section End -->
          </div>

{% endblock %}