{extends "layout_view.tpl"}

{block name="title"}
    {title}{$title}{/title}
{/block}

{block name="content"}
    {tabset name=mustread_detail toggle=n skipsingle=1}
        {tab key=detail name="{tr}Detail{/tr}"}
            {service_inline controller=tracker action=view id=$item.itemId}

            {if $reason eq 'comment'}
                <h4>{tr}Respond{/tr}</h4>
                {service_inline controller=comment action=post type=trackeritem objectId=$item.itemId return_url=$smarty.server.REQUEST_URI}
            {/if}
        {/tab}
        {if $canCirculate}
            {tab key=notification name="{tr}Notifications{/tr}"}
                <div class="row">
                    <div class="col-md-4">
                        <h4>{$item.creation_date|tiki_long_date}</h4>
                        <ol class="list-unstyled">
                            <li><a href="{service controller=mustread action=list id=$item.itemId notification=sent}#contentmustread_detail-notification">{$counts.sent|escape}</a> {tr}Sent{/tr}</li>
                            <li><a href="{service controller=mustread action=list id=$item.itemId notification=open}#contentmustread_detail-notification">{$counts.open|escape}</a> {tr}Opened{/tr}</li>
                            <!--<li><a href="">123</a> {tr}Logged In{/tr}</li>-->
                            <li><a href="{service controller=mustread action=list id=$item.itemId notification=unopen}#contentmustread_detail-notification">{$counts.unopen|escape}</a> {tr}Unopened{/tr}</li>
                        </ol>

                        <a href="{bootstrap_modal controller=mustread action=circulate id=$item.itemId}" class="btn btn-primary">{tr}Circulate{/tr}</a>
                    </div>
                    <div class="col-md-8">
                        {if $resultset}
                            <h3>{tr}People{/tr}</h3>
                            {foreach $resultset as $row}
                                <div class="d-flex">
                                    <div class="flex-shrink-0">
                                        {$row.object_id|avatarize:'':'img/noavatar.png'}
                                    </div>
                                    <div class="flex-grow-1 ms-3">
                                        <h4 class="media-heading">{$row.title|escape}</h4>
                                        <p>...</p>
                                    </div>
                                </div>
                            {foreachelse}
                                <p>{tr}Empty list.{/tr}</p>
                            {/foreach}
                            {pagination_links resultset=$resultset}{/pagination_links}
                        {/if}
                    </div>
                </div>
            {/tab}
        {/if}
        {if $reason eq 'owner'}
            {tab key=actions name="{tr}Responses{/tr}"}
                {service_inline controller=comment action=list type=trackeritem objectId=$item.itemId hidepost=1}
            {/tab}
        {/if}
    {/tabset}
{/block}