{# templates/superadmin_v2/tasks/sa_tasks_detail.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block title %}Ticket #{{ row.id }} - {{ row.subject }} - {{ parent() }}{% endblock %}

{% block body %}
	<style>
	.journal {
		margin-bottom: 35px;
		padding-left: 32px;
		font-size: 12px;
		clear: left;
	} 
	.contextual {
		float: right;
		white-space: nowrap;
		line-height: 1.4em;
		margin: 0 0px 5px;
		padding-left: 10px;
		font-size: 0.9em;
	}
	h4.note-header {
		font-size: 12px;
		border-bottom: 1px solid #ccc;
		font-weight: normal;
	}
	h4 img.gravatar {
		margin: -2px 4px -4px -32px;
		vertical-align: middle;
		border-radius: 20%;
		height: 28px;
	}
	p.note {
		display: block;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
	}
    div.journal ul.details {
        /* color: #959595; */
        margin-bottom: 1.5em;
        display: block;
        list-style-type: disc;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px;
    }
        div.journal ul.details i {
            color: brown;
        }
	</style>

    {{ render(controller('App\\Controller\\Superadmin\\SaLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    {{ include('superadmin_v2/layout/sa_tab.html.twig') }}

    <div class="section__content section__content--p30">
        {{ include('superadmin_v2/layout/sa_debug.html.twig') }}

        {{ include('superadmin_v2/layout/sa_alert.html.twig') }}

        <div class="container-fluid">
            <div class="row" style="padding-top:0;padding-bottom:0;margin-bottom:6px;">
                <div class="col-12 col-md-6" style="padding-top:5px;padding-left:1px;">
                    <span style="font-size:1.2em;font-weight:bold;">#{{ row.id }}</span>
                </div>
                <div class="col-12 col-md-6 text-right" style="padding-right:0;">
                    <button type="button" onclick="window.location.href='{{ path('superadmin_tasks_edit', {'id' : row.id} ) }}';" class="btn btn-info btn-sm" style="padding:0.1rem 0.99rem;">
                        <i class="zmdi zmdi-edit"></i>&nbsp; Mettre à jour
                    </button>
                </div>
            </div>

            <div class="row" style="background-color:#eee;padding-top:12px;padding-bottom:12px;margin-bottom:18px;">

                <div class="col-12 col-md-12">
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col col-md-12 fg-m-bottom-0">
                            <label class="form-control-label spa-label" style="padding:0;">{{ row.subject }}</label>
                        </div>
                    </div>
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col-12 col-md-12 fg-m-bottom spa-modal-info" style="padding-left:14px;">
                            Ajouté par <a href="javascript:;">{{ row.creation_user }}</a> {{ row.creation_date|date('d-m-Y H:i') }} 
                            {# % if strlen(row.last_update) > 0 %}Dernière mise à jour {{ row.last_update|date('d-m-Y H:i') }}{% endif % #}
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col col-md-4 spa-col-label fg-m-bottom-0">
                            <label class="form-control-label spa-label">Projet :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">{{ row.project }}</div>
                    </div>
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col col-md-4 spa-col-label fg-m-bottom-0">
                            <label class="form-control-label spa-label">Tracker :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">{{ row.tracker }}</div>
                    </div>
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col col-md-4 spa-col-label fg-m-bottom-0">
                            <label class="form-control-label spa-label">Statut :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">{{ row.status }}</div>
                    </div>
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col col-md-4 spa-col-label fg-m-bottom-0">
                            <label class="form-control-label spa-label">Priorité :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">{{ row.priority }}</div>
                    </div>
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col col-md-4 spa-col-label fg-m-bottom-0">
                            <label class="form-control-label spa-label">Assigné à :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">{{ row.assigned_to }}</div>
                    </div>
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col col-md-4 spa-col-label fg-m-bottom-0">
                            <label class="form-control-label spa-label">Catégorie :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">{{ row.category }}</div>
                    </div>
                </div>

                <div class="col-12 col-md-6">
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col col-md-4 spa-col-label fg-m-bottom-0">
                            <label class="form-control-label spa-label">Début :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">{% if row.start_date|length > 0 %}{{ row.start_date|date('d-m-Y') }}{% endif %}</div>
                    </div>
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col col-md-4 spa-col-label fg-m-bottom-0">
                            <label class="form-control-label spa-label">Echéance :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">{% if row.due_date|length > 0 %}{{ row.due_date|date('d-m-Y') }}{% endif %}</div>
                    </div>
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col col-md-4 spa-col-label fg-m-bottom-0">
                            <label class="form-control-label spa-label">% réalisé :</label>
                        </div>
                        <div class="col-12 col-md-4 fg-m-bottom spa-modal-info">
                            <div class="progress mb-2" style="height:14px;">
                                <div class="progress-bar bg-info" role="progressbar" style="width:{{ row.percent_done }}%" aria-valuenow="{{ row.percent_done }}" aria-valuemin="0" aria-valuemax="100">{{ row.percent_done }}%</div>
                            </div>
                        </div>
                        <div class="col-12 col-md-4"></div>
                    </div>
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col col-md-4 spa-col-label fg-m-bottom-0">
                            <label class="form-control-label spa-label">Temps estimé :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">{{ row.estimated_time }} heure(s)</div>
                    </div>
                </div>
                <div class="col-12 col-md-12">
                    <div class="row form-group fg-m-bottom-0">
                        <div class="col col-md-12 fg-m-bottom-0">
                            <hr><label class="form-control-label spa-label" style="padding:0;">Description</label>
                        </div>
                        <div class="col-12 col-md-12 fg-m-bottom spa-modal-info" style="padding-left:14px;">
                            {{ row.description|nl2br }}
                            {% if files|length > 0 %}
                              <br><br>
                              {% for file in files %}
                                <i class="zmdi zmdi-attachment-alt"></i>&nbsp; <a target="_blank" href="public{{ asset('tasks/' ~ file.filename) }}">{{ file.tmpname }}</a>, {{ file.creation_user_nom }}, {{ file.creation_date|date('d-m-Y H:i') }}<br>
                              {% endfor %}
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="table-responsive table--no-card m-b-30" style="padding-top:10px;">
					{% for k,item in historique %}
                    <div id="change-{{ item.id }}" class="journal has-notes">
						<div id="note-{{ k + 1 }}">
							<div class="contextual">
								<a href="{{ path('superadmin_tasks_detail', {'id' : row.id}) }}#note-{{ k + 1 }}" class="journal-link">#{{ k + 1 }}</a>
							</div>
							<h4 class="note-header">
								<img src="{{ asset('superadmin_v2/images/users/' ~ item.update_user_avatar) }}" alt="" class="gravatar">
								Mis à jour par <a href="javascript:;">{{ item.update_user_nom }}</a> le {{ item.update_date|date('d-m-Y') }} à {{ item.update_date|date('H:i') }}
							</h4>

                            {% if item.historique == 1 %}
                            <ul class="details">
                                {% if item.h_project|length  > 0 %}<li>{{ item.h_project|raw }}</li>{% endif %}
                                {% if item.h_tracker|length  > 0 %}<li>{{ item.h_tracker|raw }}</li>{% endif %}
                                {% if item.h_subject|length  > 0 %}<li>{{ item.h_subject|raw }}</li>{% endif %}
                                {% if item.h_status|length  > 0 %}<li>{{ item.h_status|raw }}</li>{% endif %}
                                {% if item.h_priority|length  > 0 %}<li>{{ item.h_priority|raw }}</li>{% endif %}
                                {% if item.h_category|length  > 0 %}<li>{{ item.h_category|raw }}</li>{% endif %}
                                {% if item.h_assigned_to|length  > 0 %}<li>{{ item.h_assigned_to|raw }}</li>{% endif %}
                                {% if item.h_start_date|length  > 0 %}<li>{{ item.h_start_date|raw }}</li>{% endif %}
                                {% if item.h_due_date|length  > 0 %}<li>{{ item.h_due_date|raw }}</li>{% endif %}
                                {% if item.h_percent_done|length  > 0 %}<li>{{ item.h_percent_done|raw }}</li>{% endif %}
                                {% if item.h_estimated_time|length  > 0 %}<li>{{ item.h_estimated_time|raw }}</li>{% endif %}
                            </ul>
                            {% endif %}

							<div id="journal-{{ item.id }}-notes" class="wiki">
								<p class="note">{{ item.note|nl2br }}</p>
								<p class="note"><a target="_blank" href="{{ item.link_merge_request }}">{{ item.link_merge_request }}</a></p>
							</div>
						</div>
					</div>
					{% endfor %}
				</div>
            </div>

            {{ include('superadmin_v2/layout/sa_footer.html.twig') }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){

    });
    // ]]>
    </script>
{% endblock %}