{% if S_BOARD_ANNOUNCEMENTS %}

	{% if not definition.INCLUDED_COLPICKJS %}
		{% INCLUDEJS '@phpbb_boardannouncements/colpick.js' %}
		{% INCLUDECSS '@phpbb_boardannouncements/colpick.css' %}
		{% DEFINE INCLUDED_COLPICKJS = true %}
	{% endif %}

	{% if not definition.INCLUDED_DATETIMEPICKERJS %}
		{% INCLUDEJS '@phpbb_boardannouncements/datetimepicker/jquery.datetimepicker.full.min.js' %}
		{% INCLUDECSS '@phpbb_boardannouncements/datetimepicker/jquery.datetimepicker.min.css' %}
		{% DEFINE INCLUDED_DATETIMEPICKERJS = true %}
	{% endif %}

	<script>
	jQuery(function($) {
		var bgcolor = '{{ BOARD_ANNOUNCEMENTS_BGCOLOR|e('js') }}';
		$('#board_announcements_bgcolor').colpick({
			layout: 'hex',
			submit: 0,
			onBeforeShow: function() {
				if (bgcolor !== '') {
					$(this).colpickSetColor(bgcolor);
					bgcolor = '';
				}
			},
			onChange: function(hsb, hex, rgb, el, bySetColor) {
				$(el).css({
					'border-right-color': '#' + hex,
					'border-right-width': '20px',
					'border-right-type': 'solid'
				});
				if (!bySetColor) {
					$(el).val(hex);
				}
			}
		}).keyup(function() {
			$(this).colpickSetColor(this.value || 'ffffff');
		});
		$('#board_announcements_expiry').datetimepicker({
			format:'{{ PICKER_DATE_FORMAT|e('js') }}',
			validateOnBlur: false,
			minDate: 0
		});
		$.datetimepicker.setLocale('{{ S_USER_LANG }}')
	});
	</script>

{% endif %}