@if(\Request::route() && \Request::route()->getName() != 'order-online' && \Request::route()->getName() != 'set-checkout' && \Request::route()->getName() != 'voucher-finish' && $alert->link)
  <div id="alert-promo-template{{ $id }}" class="invisible fixed-top">
    <p class="text-center">
      <a class="alert-click-image" data-url="{{ $alert->link ?? ($alert->image->link ?? '') }}" href="javascript:void(0);" title="{{ $alert->image->link_title->$localeSelected ?? '' }}">
        <img src="{{ asset_remote('alerts/'.$alert->image->url) }}"  alt="{{ $alert->image->alt->$localeSelected ?? getAltImages() }}" width="{{ $alert->image->width }}" height="{{ $alert->image->height }}">
      </a>
    </p>
  </div>

  <script>
    $(document).ready(function() {
      let d = new Date();
      let dadd = new Date(d.getTime() + 1*60*60*1000);
      if(! localStorage.getItem("alert_promo_viewed{{ $id }}") || localStorage.getItem("alert_promo_viewed{{ $id }}") < d.getTime()){
        bootbox.alert({
          className: 'alerts-template alert-promo-template',
          message: $('#alert-promo-template{{ $id }}').html(),
          onEscape: false,
          closeButton: false,
          callback: function(){
              localStorage.setItem("alert_promo_viewed{{ $id }}", dadd.getTime());
          }
        });
      }
      $(".alert-click-image").click(function(){
          $(this).parent().parent().parent().parent().children(".modal-footer").children("button").trigger("click");
          if($(this).data('url') !== ''){
              // window.open($(this).data('url'), '_blank');
              window.location.href = $(this).data('url');
          }
      });
    });
  </script>
@endif