{#
/**
 * @file
 * Theme override to display a view of unformatted rows.
 *
 * Available variables:
 * - title: The title of this group of rows. May be empty.
 * - rows: A list of the view's row items.
 *   - attributes: The row's HTML attributes.
 *   - content: The row's content.
 * - view: The view object.
 * - default_row_class: A flag indicating whether default classes should be
 *   used on rows.
 *
 * @see template_preprocess_views_view_unformatted()
 */
#}
{% if title %}
  <h3>{{ title }}</h3>
{% endif %}
<div class="front-total">
    <div class="box" data="All">
        <div class="icon"><svg width="23px" height="23px" viewBox="-2.4 -2.4 28.80 28.80" fill="#5E62C7" xmlns="http://www.w3.org/2000/svg" stroke="#5E62C7"><g id="SVGRepo_bgCarrier" stroke-width="0"/><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#5E62C7" stroke-width="0.048"/><g id="SVGRepo_iconCarrier"> <path d="M3.5 3.5H10.5V10.5H3.5V3.5Z" stroke="#5E62C7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.5 13.5H10.5V20.5H3.5V13.5Z" stroke="#5E62C7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.5 3.5H20.5V10.5H13.5V3.5Z" stroke="#5E62C7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.5 13.5H20.5V20.5H13.5V13.5Z" stroke="#5E62C7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g></svg></div>
        <div class="text">
            <div class="result-label">{{ "All procedures"|t }}</div>    
            {% if 'administrator' in user.getroles(TRUE) or 'content_editor' in user.getroles(TRUE) or 'all_procedures' in user.getroles(TRUE) %}           
                <div class="count">{{ drupal_view_result('procedures', 'block_3')|length }}</div>
            {% else %}
                <div class="count">{{ drupal_view_result('procedures', 'block_10')|length }}</div>
            {% endif %}
        </div>
    </div>
{% for row in rows %}
    <div class="box" data={{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ tid }}']}}>
        <div class="icon tid-{{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ tid }}']}}"><span class="not-active">{{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ field_icon }}']}}</span><span class="active">{{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ field_active_icon }}']}}</span></div>
        <div class="text">
            <div class="result-label">{{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ field_plural }}']}}</div>
            {% if 'administrator' in user.getroles(TRUE) or 'content_editor' in user.getroles(TRUE) or 'all_procedures' in user.getroles(TRUE) %}           
                <div class="count">{{ drupal_view_result('procedures', 'block_4', row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ tid }}']|render )|length }}</div>
            {% else %}
                <div class="count">{{ drupal_view_result('procedures', 'block_11', row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ tid }}']|render )|length }}</div>
            {% endif %}
        </div>
        <style>
            .box.active .tid-{{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ tid }}']}}{
                background-color: {{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ field_color }}']}};
            }
            .box.active .tid-{{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ tid }}']}}:after{
                background-color: {{ row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ field_color }}']}};
            }
        </style>
    </div>
{% endfor %}
    <div class="box" data="canceled">
        <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="24.057" viewBox="0 0 19 24.057">
  <path id="file-x" d="M58.747,30.747,52.7,24.271A.835.835,0,0,0,52.091,24H41.727A1.792,1.792,0,0,0,40,25.851V46.206a1.792,1.792,0,0,0,1.727,1.851H57.273A1.792,1.792,0,0,0,59,46.206V31.4A.96.96,0,0,0,58.747,30.747Zm-5.793-3.589,3.1,3.318h-3.1Zm4.318,19.048H41.727V25.851h9.5V31.4a.9.9,0,0,0,.864.925h5.182ZM52.7,36.683,50.721,38.8,52.7,40.925a.973.973,0,0,1,0,1.309.824.824,0,0,1-1.222,0L49.5,40.112l-1.98,2.122a.824.824,0,0,1-1.222,0,.973.973,0,0,1,0-1.309L48.279,38.8,46.3,36.683a.973.973,0,0,1,0-1.309.824.824,0,0,1,1.222,0L49.5,37.5l1.98-2.122a.824.824,0,0,1,1.222,0A.973.973,0,0,1,52.7,36.683Z" transform="translate(-40 -24)" fill="#5e62c7"/></svg></div>
        <div class="text"><div class="result-label">{{ "Canceled"|t }}</div>               
        <div class="count">{{ drupal_view_result('procedures', 'block_7')|length }}</div>
    </div>
</div>