YetiForceCompany/YetiForceCRM

{*<!-- {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} -->*}
{strip}
    <!-- tpl-Base-Detail-HeaderProgress -->
    {if isset($FIELDS_HEADER['progress'])}
        {foreach from=$FIELDS_HEADER['progress'] key=NAME item=FIELD_MODEL}
            {if !$RECORD->isEmpty($NAME)}
                <div class="c-progress px-3 w-100">
                    <ul class="c-progress__container js-header-progress-bar list-inline my-0 py-1 js-scrollbar c-scrollbar-x--small" data-picklist-name="{$NAME}"
                        data-js="container">
                        {assign var=ARROW_CLASS value="before"}
                        {assign var=ICON_CLASS value="fas fa-check"}
                        {foreach from=$FIELD_MODEL->getUITypeModel()->getProgressHeader($RECORD) key=PROGRESS_HEADER_KEY item=PROGRESS_HEADER_VALUE name=progressHeaderValue}
                            <li class="c-progress__item list-inline-item mx-0 {if $smarty.foreach.progressHeaderValue.first}first{/if} {if $PROGRESS_HEADER_VALUE['isActive']}active{assign var=ARROW_CLASS value="after"}{else}{$ARROW_CLASS}{/if}{if $PROGRESS_HEADER_VALUE['isEditable'] && $PROGRESS_HEADER_KEY !== $RECORD->get($NAME)} u-cursor-pointer js-access{/if}" data-picklist-value="{$PROGRESS_HEADER_KEY}" data-picklist-label="{\App\Purifier::encodeHtml($PROGRESS_HEADER_VALUE['label'])}" data-js="confirm|click|data">
                                <div class="c-progress__icon__container">
                                    <span class="
                            {if $PROGRESS_HEADER_VALUE['isLocked']}
                                fas fa-lock
                            {elseif $PROGRESS_HEADER_VALUE['isActive']}
                                far fa-dot-circle
                            {else}
                                {$ICON_CLASS}
                            {/if}
                            {if $PROGRESS_HEADER_VALUE['isActive']}
                                {assign var=ICON_CLASS value="c-progress__icon__dot"}
                            {/if}
                                {' '}c-progress__icon"></span>
                                </div>
                                <div class="c-progress__link">
                                    {if !empty($PROGRESS_HEADER_VALUE['description'])}
                                        <span class="c-progress__icon-info js-popover-tooltip" data-js="popover" data-trigger="hover focus" data-content="{\App\Purifier::encodeHtml($PROGRESS_HEADER_VALUE['description'])}">
                                            <span class="fas fa-info-circle"></span>
                                        </span>
                                    {/if}
                                    <span class=" js-popover-tooltip--ellipsis" data-toggle="popover" data-content="{$PROGRESS_HEADER_VALUE['label']}" data-js="popover">
                                        <span class="c-progress__text">{$PROGRESS_HEADER_VALUE['label']}</span>
                                    </span>
                                </div>
                            </li>
                        {/foreach}
                    </ul>
                </div>
            {/if}
        {/foreach}
    {/if}
    <!-- /tpl-Base-Detail-HeaderProgress -->
{/strip}