{if $task}

{include file="./includes/TasksTaskHelpers.inc.html" inline}

{$_task_number = $task.project_id|cat:'.'|cat:$task.number}
{$_task_link = '#/task/'|cat:$_task_number|cat:'/'}
{$_task_hidden = ($task.hidden_timestamp && $task.hidden_timestamp > time()) ? 'hidden' : 'shown'}
<li class="item t-task-outer-container {$task.project.color}"
    data-task-id="{$task.id}"
    data-task-number="{$_task_number}"
    data-task-uuid="{$task.uuid}"
    data-status-id="{ifset($task, 'status', 'id', null)}"
    data-assigned-contact-id="{$task.assigned_contact_id}"
    data-task-hidden="{$_task_hidden}"
>
    <div class="t-checkbox-column">
        <label>
            <span class="wa-checkbox">
                <input type="checkbox" class="t-checkbox-item">
                <span>
                    <span class="icon">
                        <i class="fas fa-check"></i>
                    </span>
                </span>
            </span>
        </label>
    </div>
    <a href="{$_task_link}" class="image">

        {task_userpics_block}

        {* PROJECT ICON *}
        {if !empty($task.project.icon_html)}
            {strip}<span class="t-project-icon">
                {$task.project.icon_html}
                </span>{/strip}
        {/if}

    </a>
    <a href="{$_task_link}" class="details">


        <div class="flexbox space-8 full-width">

            <span class="t-task-item-title">

                {* STATUS *}
                {if !empty($task.status.name)}

                    {if $task.project.archive_datetime}
                        <span class="badge t-status-wrapper is-archived"><i class="fas fa-archive fa-xs"></i> [`Archived`]</span>
                    {else}
                        {tasksHelper::statusNameHTML($task.status.id)}
                    {/if}

                {/if}

                {* HISTORY COUNTERS *}
                {strip}
                    {$_count_comment = 0}
                    {$_count_action = 0}
                    {foreach $task.log as $_k => $_v}
                        {if $_v.action == 'comment'}
                            {$_count_comment = $_count_comment + 1}
                        {elseif $_v.action != 'add' && $_v.action != 'create'}
                            {$_count_action = $_count_action + 1}
                        {/if}
                    {/foreach}
                {/strip}
                <span class="nowrap bold hint" title="[`History &amp; Comments`]">
                    {if $_count_action}
                        <i class="fas fa-exchange-alt custom-ml-4"></i> {$_count_action}
                    {/if}
                    {if $_count_comment}
                        <i class="fas fa-comment custom-ml-4"></i> {$_count_comment}
                    {/if}
                </span>

            </span>

            <span class="count align-right">

                {* This vars will be mutated by tasksHelper::getDatetime, must be inited first because of Smary & PHP 7.4 cause the warnings otherwise *}
                {$time_since_update_period = null}
                {$time_since_update_template = null}
                {$time_since_update_str = tasksHelper::getDatetime($task.update_datetime, $time_since_update_period, $time_since_update_template)}

                {* js updateTimeCounter fix *}
                {$time_since_update_str = str_replace('mins', 'min', $time_since_update_str)}

                <span class="t-date-wrapper small gray nowrap semibold" data-since='{$task.update_datetime|wa_datetime:"Y-m-d H:i:s"}'>{$time_since_update_str}</span>

            </span>

        </div>

        {* TITLE *}
        <div class="flexbox space-8">

            <span class="t-task-item-title wide {if !empty($task.priority) && ($task.priority == '1' || $task.priority == '2' || $task.priority == '3')}bold{else}semibold{/if}{if !empty($task.priority) && $task.priority == '-1'} text-gray{/if}" title="{$task.name|escape|default:"(no name)"}">

                {* PRIORITY *}

                {$_priority_class_array = [
                "-1" => "is-low",
                "0" => "is-normal",
                "1" => "is-high",
                "2" => "is-urgent",
                "3" => "is-onfire"
                ]}
                {$_priority_icon = ""}
                {if !empty($task.priority)}
                    {if $task.priority == '1'}
                        {$_priority_icon = "<i class=\"fas fa-exclamation-triangle\" style=\"color: orange;\"></i>"}
                    {/if}
                    {if $task.priority == '2'}
                        {$_priority_icon = "<i class=\"fas fa-exclamation-triangle\" style=\"color: red;\"></i>"}
                    {/if}
                {/if}

                <span class="t-priority-wrapper {ifset($_priority_class_array[$task.priority])}" title="task_id={$task.id}" title="[`Double-click to change task priority`]">
                    {$_priority_icon}
                    {$task.project_id}.{$task.number}
                </span>

                <span>{$task.name|escape|default:"(no name)"|truncate:64}</span>

            </span>
            {* UNREAD MENTION *}
            <span class="t-task-item-subcount">
                {if !empty($unread_mention) || $task.favorite_unread}
                    <span class="t-task-item-unread-mention"><span class="badge small red">@</span></span>
                {/if}
            </span>
        </div>

        {* SUMMARY PREVIEW *}
        {if empty($unread_mention) && !$task.favorite_unread}
        <p class="hint custom-mb-0" title="{strip_tags(tasksTask::formatText($task.text))|truncate:312}">
            <span class="break-word">{strip_tags(tasksTask::formatText($task.text))|truncate:83}</span>
        </p>
        {/if}

        {* DUE *}
        {if !empty($task.due_date)}
            {* manually set due date overrides milestone general due date *}
            <p class="small custom-mt-4 custom-mb-0">
                <span class="small nowrap t-due-date-hint-{$task.view.due_color_class|default:'green
>'} custom-mr-4">
                    <i class="fas fa-flag-checkered"></i>
                    {wa_date('humandate', $task.due_date, waDateTime::getDefaultTimezone())|escape}
                </span>
                {if !empty($task.view.due_text)}
                    <span class="hint semibold">{$task.view.due_text}</span>
                {/if}
            </p>
        {else if !empty($task.milestone.due_date)}
            <p class="small custom-mt-4 custom-mb-0">
                <span class="small nowrap t-due-date-hint-{$task.milestone.view.due_color_class|default:'green'} custom-mr-4">
                    <i class="fas fa-flag-checkered"></i>
                    {wa_date('humandate', $task.milestone.due_date, waDateTime::getDefaultTimezone())|escape}
                </span>
                <span class="hint semibold">{$task.milestone.name|escape|truncate:32}</span>
            </p>
        {/if}

        {if $wa->tasks->isPremium()}
            {if !empty($hash_type) && $hash_type == tasksCollection::HASH_INBOX && !empty($task.roles[$wa->userId()])}
                {$user_roles = $task.roles[$wa->userId()]}
                {foreach $user_roles as $user_role}
                <p class="small custom-mt-4 custom-mb-0">
                    <strong class="small" style="color: #{$user_role.color|default:'777777'|escape}"><i class="fas fa-user"></i> {$user_role.name|escape}</strong>
                </p>
                {/foreach}
            {/if}
            {if !empty($hash_type) && $hash_type == tasksCollection::HASH_ASSIGNED && !empty($parsed_hash[1]) && !empty($task.roles[$parsed_hash[1]])}
                {$user_roles = $task.roles[$parsed_hash[1]]}
                {foreach $user_roles as $user_role}
                <p class="small custom-mt-4 custom-mb-0">
                    <strong class="small" style="color: #{$user_role.color|default:'777777'|escape}"><i class="fas fa-user"></i> {$user_role.name|escape}</strong>
                </p>
                {/foreach}
            {/if}
        {/if}

        {* PINNED COMMENTS *}
        {$log_header_ids = array_unique([$task.assign_log_id, $task.comment_log_id])}
        {$_sort = sort($log_header_ids)}
        {foreach $log_header_ids as $log_id}
            {if !empty($task['log'][$log_id])}
                {$_l = $task.log[$log_id]}
                {if $_l.text}
                    <div class="box custom-mt-8 t-pinned-comment blue smaller break-word" title="{strip_tags(tasksTask::formatText($_l.text))|truncate:312}"><i class="icon userpic middle" style="background-image: url('{$_l.contact.photo_url}');"></i> {strip_tags(tasksTask::formatText($_l.text))|truncate:128} <span class="hint nowrap">{$_l.create_datetime|wa_datetime:'humandatetime'}</span></div>
                {/if}
            {/if}
        {/foreach}

    </a>
</li>
{/if}