{% extends 'header.html' %} {% load static %} {% block content %}
{% if flag == 0 %}
<div class="body flex-grow-1 px-3">
  <div class="container-lg">
    <div class="card mb-4">
      <div class="card-header">
        <strong>Dashboard</strong
        ><span style="float:right;" class="small ms-1">Mandal Coordinator {{ name }}</span>
      </div>
      <div class="card-body">
        <p class="text-medium-emphasis small">
          Please go through the tutorials properly before using the dashboard
          panel.
        </p>
        <div class="example">
          <ul class="nav nav-tabs" role="tablist">
          </ul>
          <div class="tab-content rounded-bottom">
            <div
              class="tab-pane p-3 active preview"
              role="tabpanel"
              id="preview-1000"
            >
              <div class="row">
                <div class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/651Fg6h2/bsm1.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Manage Mandal</h5>
                      <p class="card-text">
                        Please add or view Mandal Members here.
                      </p>
                      <a class="btn btn-primary" href="{% url 'members_list_mandal' mandal_id=mandal %}"
                        >Add/View Mandal Members</a
                      >
                    </div>
                  </div>
                </div>
                <div class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/WbjMV0Xx/bsm2.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Manage Meetings</h5>
                      <p class="card-text">
                        Please add or view Meeting Minutes here.
                      </p>
                      <a class="btn btn-danger" href="{% url 'minutes' mandal_id=mandal %}"
                        >Add/View Meeting Details</a
                      >
                    </div>
                  </div>
                </div>
                <div class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/4dV9k3tJ/bsm3.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Manage Experts</h5>
                      <p class="card-text">
                        Please add or view Expert Member details here.
                      </p>
                      <a class="btn btn-info" href="{% url 'experts' flag=7 %}"
                        >Add/View Expert Members</a
                      >
                    </div>
                  </div>
                </div>
                <div class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/5tZCRzX7/bsm4.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Manage People</h5>
                      <p class="card-text">
                        Please search members across the BSM database.
                      </p>
                      <a class="btn btn-success" href="{% url 'search_people' %}"
                        >Find People</a
                      >
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% elif flag == 1 %}
<div class="body flex-grow-1 px-3">
  <div class="container-lg">
    <div class="card mb-4">
      <div class="card-header">
        <strong>Dashboard</strong
        ><span style="float:right;" class="small ms-1">BSM Administrator({{ name }})</span>
      </div>
      <div class="card-body">
        <p class="text-medium-emphasis small">
          Please go through the tutorials properly before using the dashboard
          panel.
        </p>
        {% comment %}
        <p class="text-medium-emphasis small">
          Below is an example of a basic card with mixed content and a fixed
          width. Cards have no fixed width to start, so they’ll naturally fill
          the full width of its parent element. This is easily customized with
          our various <a href="#sizing">sizing options</a>.
        </p>
        {% endcomment %}
        <div class="example">
          <ul class="nav nav-tabs" role="tablist">
            {% comment %}
            <li class="nav-item">
              <a
                class="nav-link active"
                data-coreui-toggle="tab"
                href="#preview-1000"
                role="tab"
              >
                <svg class="icon me-2">
                  <use
                    xlink:href="{% static 'vendors/@coreui/icons/svg/free.svg' %}"
                  ></use></svg
                >Actions</a
              >
            </li>
            {% endcomment %}
          </ul>
          <div class="tab-content rounded-bottom">
            <div
              class="tab-pane p-3 active preview"
              role="tabpanel"
              id="preview-1000"
            >
              <div class="row">
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/qRmfn9cT/states-managed.png"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Add States</h5>
                      <p class="card-text">
                        Please add/view states here first.
                      </p>
                      <a class="btn btn-primary" href="/admin/mandal_app/state/"
                        >Add/View States Here</a
                      >
                    </div>
                  </div>
                </div>
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/651Fg6h2/bsm1.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Manage State Coordinators</h5>
                      <p class="card-text">
                        Please add or view or delete State Coordinators here.
                      </p>
                      <a class="btn btn-danger" href="{% url 'state_coordinators' %}"
                        >State Coordinators</a
                      >
                    </div>
                  </div>
                </div>
                
                {% comment %} <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/WbjMV0Xx/bsm2.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Manage Meetings</h5>
                      <p class="card-text">
                        Please add or view Meeting Minutes here.
                      </p>
                      <a class="btn btn-danger" href="{% url 'minutes' mandal_id=1 %}"
                        >Add/View Meeting Details</a
                      >
                    </div>
                  </div>
                </div> {% endcomment %}
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/WbjMV0Xx/bsm2.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Meeting Categories</h5>
                      <p class="card-text">
                        View/add/delete Meeting Categories Here.
                      </p>
                      <a class="btn btn-info" href="/admin/mandal_app/meeting_categories/"
                        >Meeting Categories</a
                      >
                    </div>
                  </div>
                </div>
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/5tZCRzX7/bsm4.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Manage People</h5>
                      <p class="card-text">
                        Please search members across the BSM database.
                      </p>
                      <a class="btn btn-success" href="/admin/mandal_app/member/"
                        >Find People</a
                      >
                    </div>
                  </div>
                </div>
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/6qnNTRxv/meeting-reports.png"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Meeting Reports</h5>
                      <p class="card-text">
                        Please search meeting reports in BSM Database
                      </p>
                      <a class="btn btn-warning" href="/admin/mandal_app/meeting_minutes/"
                        >Search Reports</a
                      >
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% elif flag == 2 %}
<div class="body flex-grow-1 px-3">
  <div class="container-lg">
    <div class="card mb-4">
      <div class="card-header">
        <strong>Dashboard</strong
        ><span style="float:right;" class="small ms-1">State Coordinator({{ name }})</span>
      </div>
      <div class="card-body">
        <p class="text-medium-emphasis small">
          Please go through the tutorials properly before using the dashboard
          panel.
        </p>
        <div class="example">
          <ul class="nav nav-tabs" role="tablist">
          </ul>
          <div class="tab-content rounded-bottom">
            <div
              class="tab-pane p-3 active preview"
              role="tabpanel"
              id="preview-1000"
            >
              <div class="row">
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/qRmfn9cT/states-managed.png"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Add Districts</h5>
                      <p class="card-text">
                        Please add/view districts here first.
                      </p>
                      <a class="btn btn-primary" href="{% url 'add_districts' state_id=state %}"
                        >Add/View Districts Here</a
                      >
                    </div>
                  </div>
                </div>
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/651Fg6h2/bsm1.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Manage District Coordinators</h5>
                      <p class="card-text">
                        Please add or view or delete District Coordinators here.
                      </p>
                      <a class="btn btn-danger" href="{% url 'district_coordinators' state_id=state %}"
                        >District Coordinators</a
                      >
                    </div>
                  </div>
                </div>
                
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/WbjMV0Xx/bsm2.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Meeting Details</h5>
                      <p class="card-text">
                        View Meeting Details Here.
                      </p>
                      <a class="btn btn-info" href="{% url 'meeting_details' state_id=state %}"
                        >View Meeting Details</a
                      >
                    </div>
                  </div>
                </div>
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/5tZCRzX7/bsm4.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Search People</h5>
                      <p class="card-text">
                        Please search members across the BSM database.
                      </p>
                      <a class="btn btn-success" href="/admin/mandal_app/member/"
                        >Find People</a
                      >
                    </div>
                  </div>
                </div>
                {% comment %} <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/6qnNTRxv/meeting-reports.png"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Meeting Reports</h5>
                      <p class="card-text">
                        Please search meeting reports in BSM Database
                      </p>
                      <a class="btn btn-warning" href="/admin/mandal_app/meeting_minutes/"
                        >Search Reports</a
                      >
                    </div>
                  </div>
                </div> {% endcomment %}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% elif flag == 3 %}
<div class="body flex-grow-1 px-3">
  <div class="container-lg">
    <div class="card mb-4">
      <div class="card-header">
        <strong>Dashboard</strong
        ><span style="float:right;" class="small ms-1">District Coordinator({{ name }})</span>
      </div>
      <div class="card-body">
        <p class="text-medium-emphasis small">
          Please go through the tutorials properly before using the dashboard
          panel.
        </p>
        <div class="example">
          <ul class="nav nav-tabs" role="tablist">
          </ul>
          <div class="tab-content rounded-bottom">
            <div
              class="tab-pane p-3 active preview"
              role="tabpanel"
              id="preview-1000"
            >
              <div class="row">
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/qRmfn9cT/states-managed.png"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Add City</h5>
                      <p class="card-text">
                        Please add/view city here first.
                      </p>
                      <a class="btn btn-primary" href="{% url 'add_city' state_id=state district_id=district %}"
                        >Add/View city Here</a
                      >
                    </div>
                  </div>
                </div>
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/651Fg6h2/bsm1.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Manage City Coordinators</h5>
                      <p class="card-text">
                        Please add or view or delete City Coordinators here.
                      </p>
                      <a class="btn btn-danger" href="{% url 'city_coordinators' state_id=state district_id=district %}"
                        >City Coordinators</a
                      >
                    </div>
                  </div>
                </div>     
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/WbjMV0Xx/bsm2.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Meeting Details</h5>
                      <p class="card-text">
                        View Meeting Details Here.
                      </p>
                      <a class="btn btn-info" href="{% url 'meeting_details_district' state_id=state district_id=district %}"
                        >View Meeting Details</a
                      >
                    </div>
                  </div>
                </div>
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/5tZCRzX7/bsm4.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Search People</h5>
                      <p class="card-text">
                        Please search members across the BSM database.
                      </p>
                      <a class="btn btn-success" href="/admin/mandal_app/member/"
                        >Find People</a
                      >
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% elif flag == 4 %}
<div class="body flex-grow-1 px-3">
  <div class="container-lg">
    <div class="card mb-4">
      <div class="card-header">
        <strong>Dashboard</strong
        ><span style="float:right;" class="small ms-1">City Coordinator({{ name }})</span>
      </div>
      <div class="card-body">
        <p class="text-medium-emphasis small">
          Please go through the tutorials properly before using the dashboard
          panel.
        </p>
        <div class="example">
          <ul class="nav nav-tabs" role="tablist">
          </ul>
          <div class="tab-content rounded-bottom">
            <div
              class="tab-pane p-3 active preview"
              role="tabpanel"
              id="preview-1000"
            >
              <div class="row">
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/qRmfn9cT/states-managed.png"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Add Mandal</h5>
                      <p class="card-text">
                        Please add/view mandal here first.
                      </p>
                      <a class="btn btn-primary" href="{% url 'add_mandal' state_id=state district_id=district city_id=city %}"
                        >Add/View mandal Here</a
                      >
                    </div>
                  </div>
                </div>
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/651Fg6h2/bsm1.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Manage Mandal Coordinators</h5>
                      <p class="card-text">
                        Please add or view or delete Mandal Coordinators here.
                      </p>
                      <a class="btn btn-danger" href="{% url 'mandal_coordinators' state_id=state district_id=district city_id=city %}"
                        >Mandal Coordinators</a
                      >
                    </div>
                  </div>
                </div>     
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/WbjMV0Xx/bsm2.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Meeting Details</h5>
                      <p class="card-text">
                        View Meeting Details Here.
                      </p>
                      <a class="btn btn-info" href="{% url 'meeting_details_city' state_id=state district_id=district city_id=city %}"
                        >View Meeting Details</a
                      >
                    </div>
                  </div>
                </div>
                <div style="display:grid" class="col-sm-3">
                  <div class="card mb-3" style="width: 18rem">
                    <img
                      class="card-img-top"
                      src="https://i.postimg.cc/5tZCRzX7/bsm4.jpg"
                      alt=""
                    />
                    <div class="card-body">
                      <h5 class="card-title">Search People</h5>
                      <p class="card-text">
                        Please search members across the BSM database.
                      </p>
                      <a class="btn btn-success" href="/admin/mandal_app/member/"
                        >Find People</a
                      >
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endif %}
{% endblock %}