{get_infopanel assign='infopanel' type="{$type|default:"default"}"}
{if $infopanel}
   {if $infopanel.data != NULL}
       {$data = json_decode($infopanel.data, true)}
   {/if}
   <div class="alert alert-info alert-dismissible text-center infopanel {if !empty($data['color'])}infopanel-{$data['color']}{/if}"
        data-infopanel="{$infopanel.page_id}"
        data-version="{$infopanel.version}" data-nosnippet>
      {$infopanel.text nofilter}
      {if $infopanel.always_visible != 'Y'}
         <button type="button" class="close" data-infopanel-close="{$infopanel.page_id}" aria-label="{t}Zavřít{/t}">
            <span class="fc lightbox_close"></span>
         </button>
      {/if}
   </div>
   <script>
      var $localInfoPanelsData = {literal}{}{/literal};
      var $infoPanel = null;

      if (window.localStorage.getItem('info_panels')) {
         $localInfoPanelsData = JSON.parse(window.localStorage.getItem('info_panels'));
         $infoPanel = $localInfoPanelsData['info-panel-{$infopanel.page_id}'];
      }

      if ($infoPanel && $infoPanel['version'] >= "{$infopanel.version}") {
         var $infoElements = document.querySelectorAll('[data-infopanel="{$infopanel.page_id}"]');
         $infoElements.forEach(element => {
            element.remove();
         });
      }
   </script>
{/if}