@php $alerts = \App\Models\Alert::get(); @endphp
@if($alerts)
	@if($alerts->count() === 1)
		@php
        $alerts = $alerts->first();
			$box = 'note-warning';
			if($alerts->icon === 'fa-link' OR $alerts->icon === 'fa-user' OR $alerts->icon === 'fa-check')
				$box = 'note-success';
			if($alerts->icon === 'fa-lightbulb')
				$box = 'note-warning';
			if($alerts->icon === 'fa-exclamation-triangle')
				$box = 'note-danger';
			if($alerts->icon === 'fa-info')
				$box = 'note-info';
			if($alerts->type === 'renewal')
			    $box = 'note-warning';
		@endphp
		@if($alerts->type === 'renewal' && setting('subscription_renewal_alert_suppress'))

		@else
			<div class="note {{$box}} note-{{$alerts->id}} m-b-15">
				<button type="button" class="close dismissAlert" data-id="{{$alerts->id}}"><span aria-hidden="true">&times;</span></button>
				<div class="note-content">
					@if($alerts->type === 'renewal')
						<h4><b>Subscription Expired!</b></h4>
					@else
						<h4><b>News Alert!</b></h4>
					@endif
					{!!$alerts->text!!}
				</div>
			</div>
		@endif
	@else
		<div class="owl-note-carousel owl-carousel owl-theme">
			@foreach($alerts as $alert)
				@php
					$box = 'note-warning';
					if($alert->icon === 'fa-link' OR $alert->icon === 'fa-user' OR $alert->icon === 'fa-check')
						$box = 'note-success';
					if($alert->icon === 'fa-lightbulb')
						$box = 'note-warning';
					if($alert->icon === 'fa-exclamation-triangle')
						$box = 'note-danger';
					if($alert->icon === 'fa-info')
						$box = 'note-info';
					if($alert->type === 'renewal')
						$box = 'note-warning';
				@endphp
				@if($alert->type === 'renewal' && setting('subscription_renewal_alert_suppress'))

				@else
					<div class="item">
						<div class="note {{$box}} note-{{$alert->id}} m-b-15">
							<button type="button" class="close dismissAlert" data-id="{{$alert->id}}" ><span aria-hidden="true">&times;</span></button>
							<div class="note-content">
								@if($alert->type === 'renewal')
									<h4><b>Subscription Expired!</b></h4>
								@else
									<h4><b>News Alert!</b></h4>
								@endif
								{!!$alert->text!!}
							</div>
						</div>
					</div>
				@endif
			@endforeach
		</div>
	@endif
	<script>
		$( document ).ready(function() {

			var owl = $(".owl-note-carousel").owlCarousel({
				//loop: true,
				autoHeight: true,
				mouseDrag: false,
				touchDrag: false,
				pullDrag: false,
				rewind: true,
				autoplay: true,
				nav: false,
				items : 1,
				itemsDesktop : false,
				itemsDesktopSmall : false,
				itemsTablet: false,
				itemsMobile : false,
				smartSpeed: 700,
				dots:true,
				autoplayHoverPause: true,
			});

			$(".dismissAlert").on("click", function (e) {
				e.preventDefault();
				let alert_id = $(this).attr("data-id");
				if($('.owl-note-carousel').length) {
					owl.on('click', '.owl-item', function (e) {
						var carousel = $('.owl-note-carousel').data('owl.carousel');
						e.preventDefault();
						carousel.to(carousel.relative($(this).index()));
						owl.trigger('remove.owl.carousel', [$(this).index()]).trigger('refresh.owl.carousel');
					});
				}else
					$(".note-" + alert_id).slideUp().delay(1000).remove();
				$.get(site_root + "admin/ajax/dismiss_alert/" + alert_id,function () {});
			});
		});
	</script>
@endif