{% extends "odelltech_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% block title %}
<title>Development Plan Details</title>
{% endblock title %}
{% block Style %}

{% endblock Style %}


{% block MainContent %}

{% if messages %}
  {% for message in messages %}
    <div class="alert alert-dismissible fade show {% if message.tags %}alert-{% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}danger{% else %}{{ message.tags }}{% endif %}{% endif %}" role="alert">{{ message }}
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
  {% endfor %}
{% endif %}
<form method="POST" action=''>
        {% csrf_token %}
<div class="contents">
    <div class="accordion-item">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0 fw-bold"> 
                    Development Plan Details 
                </h5>
                Total Cost:  {{sprint_form.instance.total_cost}} |
                           Total Days:  {{sprint_form.instance.total_days}}
            </div>
            <div class="card-body">
                    <div class="row">
                        <div class="col-md-4">
                            {{sprint_form.sprint_start_date|as_crispy_field}}
                        </div>
                        <div class="col-md-4">
                            {{sprint_form.sprint_end_date|as_crispy_field}}
                        </div>
                        <div class="col-md-4">
                            {{sprint_form.per_day_cost|as_crispy_field}}
                        </div>
                    
                        
                        <div class="add-bt">
                        <button class="cus-btn"  type="submit" name="button">
                            
                            Save
                        </button>
                    </div>
                       
    

    <div class="row">
      <div class="col-md-4">
        <div class="depertment-name">
          <h4 class='fw-bold'></h4>
        </div>
      </div>
         <div class="col-md-8">
        <div class="add-btn">
          <a href="{% url 'initial_requirements_create' %}"> <button class="cus-btn"  type="button" name="button">
              <i class="fa fa-plus-circle" aria-hidden="true"></i>
              Add Requirements
          </button></a>
        </div>
      </div>


    <div class="tables table-responsive">
        <table id='reqTable' class="table bordered-table table-hover table-responsive"  >
            <thead>
            <tr>
                <td colspan=8 class="text-center" style="background-color: #e1cef2; font-weight:bold;">New Developments</td>
            </tr>
              <tr style="background-color: #e8e8e8;">
                <th width=5%>SL</th>
                <th width=10%>Module</th>
                <th width=10%>Sub Module</th>
                <th width=30%>Task</th>
                <th width=10%>Client User</th>
                <th width=10%>Reference Docs</th>
                <th width=10%>Tent Development days</th>
                
                <th width=10%>Action</th>
              </tr>
            </thead>
            <tbody>
              {% if sprint_developments %}
              {% for item in sprint_developments  %}
                <tr>
                  <td>{{forloop.counter}}</td>
                  <td>{{ item.requirement.module }}</td>
                  <td>{{ item.requirement.sub_module }}</td>
                  <td>{{ item.requirement.task }}</td>
                  
                  <td>{{ item.requirementclient_user }}</td>
                 
                  {% if item.document %}
                  <td><a href="{{item.requirement.document.url}}">View Document</a></td>
                  {% else %}
                  <td>Document not found</td>
                  {% endif %}
                  <td>{{item.requirement.required_completion_days}}</td>
                   
                  
                  

                <td style="background-color: #f4e1ab">
                        <ul class="action">
                        <li>
                            <a onclick="SweetDelete(event, this.href)" href="{% url 'sprint_req_delete' item.id item.sprint.id %}">
                              <i class="fa fa-trash" aria-hidden="true"></i>
                            </a>
                          </li>
                        </ul>
                        
               

                </td>
                    
                  
                </tr>

              {% endfor %}
              {% else %}
              <tr class="text-center"><td colspan="14">Data not found</td></tr>
              {% endif %}
               
            </tbody>
        </table>
                        

                    </div>
                               
                    </div>
                </div>

            </div>


    
        </div>
    </div>
</div>
</form>
{% endblock MainContent %}
{% block meassage %}
{% include 'notifications/notifications.html' %}           
{% endblock meassage %}

{% block JS %}
<script src="{% static 'js/f_nd_b_app/file/create.js' %} "></script>

{% endblock JS %}