{#
/**
 * @file
 * Theme override to display a block.
 *
 * Available variables:
 * - plugin_id: The ID of the block implementation.
 * - label: The configured label of the block if visible.
 * - configuration: A list of the block's configuration values.
 *   - label: The configured label for the block.
 *   - label_display: The display settings for the label.
 *   - provider: The module or other provider that provided this block plugin.
 *   - Block plugin specific settings will also be stored here.
 * - content: The content of this block.
 * - attributes: array of HTML attributes populated by modules, intended to
 *   be added to the main container tag of this template.
 *   - id: A valid HTML ID and guaranteed unique.
 * - title_attributes: Same as attributes, except applied to the main title
 *   tag that appears in the template.
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the main title tag that appears in the template.
 *
 * @see template_preprocess_block()
 */
#}

{% if not localgov_base_remove_css %}
  {{ attach_library('localgov_base/service-cta-block') }}
{% endif %}

{% set classes = [
    'service-cta-block',
  ]
%}

{% set cta_link_icon = 'chevron-right' %}

<nav{{ attributes.addClass(classes).setAttribute('aria-label', 'Section Navigation'|t) }}>
  <ul class="lgd-row service-cta-block__list">
    {% for button in buttons %}
      <li class="lgd-row__one-third service-cta-block__list-item service-cta-block__list-item--{{ loop.index}}">
        <a href="{{ button.url }}" class="service-cta-block__link service-cta-block__link--{{ button.type }}">
          <span class="service-cta-block__link-title">{{ button.title }}</span>
          {% include "@localgov_base/includes/icons/icon.html.twig" with {
              icon_name: cta_link_icon,
              icon_wrapper_element: 'span',
              icon_classes: 'service-cta-block__link-icon'
            }
          %}
        </a>
      </li>
    {% endfor %}
  </ul>
</nav>
