{% import "/common/macros.twig" as icwp_macros %}

{% if unique_render_id|default('') is empty %}
	{% set unique_render_id= random() %}
{% endif %}
{% block notice_wrapper %}

	<div id="{{ unique_render_id }}"
		 class="{{ notice_classes|default('info') }} odp-admin-notice notice is-dismissible">

		<div class="notice-icon">
			<span class="dashicons dashicons-shield"></span>&nbsp;
		</div>

		<div class="notice-content">
			{% if strings.title|default('') is not empty %}
				<h3 class="notice-title">{{ strings.title|title }}</h3>
			{% endif %}
			<div>
				{% block notice_body %}
					{% if strings.lines|default([]) is not empty %}
						{% for line in strings.lines %}
							<p>{{ line }}</p>
						{% endfor %}
					{% endif %}

					{% if strings.read_more|default('') is not empty %}
						<p><a href="{{ hrefs.read_more }}" target="_blank">{{ strings.read_more }}</a></p>
					{% endif %}
				{% endblock %}
			</div>
		</div>

		<div class="dismiss-p" style="margin-bottom: 15px">
			<a class="icwp-notice-dismiss" href="#">{{ strings.dismiss|default('Dismiss') }}</a>
		</div>

		<div style="clear:both;"></div>
	</div>
{% endblock %}

{% block notice_js %}
	{% if ajax|default([]) is not empty %}
		<script type="text/javascript">
			jQuery( document ).on(
				'click',
				'#{{ unique_render_id }} button.notice-dismiss, #{{ unique_render_id }} a.icwp-notice-dismiss',
				function () {
					var $oContainer = jQuery( '#{{ unique_render_id }}' );
					jQuery.get( ajaxurl, {{ ajax.dismiss_admin_notice|raw }} );
					$oContainer.fadeOut( 500, function () {
						$oContainer.remove();
					} );
				}
			);
		</script>
	{% endif %}
{% endblock %}