{% extends "base.html" %}
{% load staticfiles %}

{% block title %}任务列表{% endblock %}

{% block staticcss %}

{% endblock %}

{% block staticjs %}

{% endblock %}

{% block content %}


<!-- Page Content -->
<div id="page-wrapper">


    <div class="container-fluid">
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <h1 class="h3 mb-0 text-gray-800">任务详情</h1>
        </div>
    </div>

    {% if messages %}
    <ul class="messages">
        {% for message in messages %}
        <div {% if message.tags %} class="alert alert-{{ message.tags }}" {% endif %}><strong>{{ message }}</strong>
        </div>
        {% endfor %}
    </ul>
    {% endif %}
    <div class="row">

        <div class="col-lg-6">
            <div class="card shadow mb-4">
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h6 class="m-0 font-weight-bold text-primary">{{ taskitem.title }}</h6>
                    <div class="dropdown no-arrow">
                        <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="false">
                            <i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right shadow animated--fade-in"
                            aria-labelledby="dropdownMenuLink">
                            <a class="dropdown-item" data-toggle="modal" data-target="#myModal">
                                <li><a href="{% url 'edittaskitem' pid %}"><i class="fa fa-edit fa-fw"></i>编辑</a>
                            </a>

                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="panel-body">
                        <div class="form-control" readonly>标题:  {{ taskitem.title }}</div>
                        <div class="form-control" readonly>父项目:  {{ taskitem.project|default:'' }}
                        </div>
                        <div class="form-control" readonly>业务类型: {{ taskitem.type|default:'' }}
                        </div>

                        <div class="form-control" readonly>创建人: {{ taskitem.created_by }}</div>
                        <div class="form-control" readonly>创建日期:{{ taskitem.created_date }}</div>

                        <div class="form-control" readonly>截止日期:{{ taskitem.due_date }}</div>

                        <div class="form-control" readonly>完成日期:{{ taskitem.completed_date }}</div>

                        <div class="form-control" readonly>状态: {{ taskitem.get_status_display }}
                        </div>
                        <div class="form-control" readonly>分配给:{{ taskitem.assigned_to }}</div>
                        <div class="form-control" readonly>权重: {{ taskitem.get_priority_display }}
                        </div>
                        <div class="form-control" readonly>耗时: {{ taskitem.length }}</div>
                        <div class="form-control" readonly>计次:{{ taskitem.count }}</div>
                        <div class="form-control" readonly>备注:  {{ taskitem.note }}</div>

                    </div>

                </div>
            </div>
        </div>
        <!-- /.col-lg-4 -->


        <div class="col-lg-6">
                <div class="card shadow mb-4">
                        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                            <h6 class="m-0 font-weight-bold text-primary"> 评论</h6>
                        </div>
                        <div class="card-body">
                                <div class="panel-body">
                                        <ul class="chat">
                    
                                            {% for comment in itemcomment %}
                                            <li class="left clearfix">

                                                <div class="chat-body clearfix">
                                                    <div class="header">
                                                        <strong class="primary-font">{{ comment.author }}</strong>
                                                        <small class="pull-right text-muted">
                                                            <i class="fa fa-clock-o fa-fw"></i> {{ comment.date|date:"Y-m-d H:i:s" }}
                                                        </small>
                                                    </div>
                                                    <p>
                                                        {{ comment.body|safe|urlize|linebreaks }}
                    
                                                        {% empty %}
                    
                                                        没有评论
                                                    </p>
                                                </div>
                                            </li>
                                            {% endfor %}
                    
                                        </ul>
                                    </div>
                                    <!-- /.panel-body -->
                                    <form role="form" method="post">
                                        {% csrf_token %}
                                        <div class="panel-footer">
                                            <div class="input-group">
                                                <textarea name="comment-body" class="form-control input-sm"
                                                    placeholder="在这里输入你的评论" /></textarea>
                                                <span class="input-group-btn">
                                                    <button class="btn btn-warning btn-sm" id="btn-chat" type="submit">
                                                        提交
                                                    </button>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- /.panel-footer -->
                    
                                    </form>
        
                        </div>
                    </div>
            

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

{% endblock %}