@version(2)
{{-- 팝업은 새 디자인만 쓴다. 예전 CSS 를 함께 실으면 입력칸 폭·서체 규칙이 남아 --}}
{{-- 본화면과 어긋난다. 예전 CSS 에만 있던 모듈 전용 스타일은 zittme-popup.css 가 담는다 --}}
@load('../../modules/admin/tpl/css/zittme-admin.css')
@load('../../modules/admin/tpl/css/zittme-popup.css')

{{-- 팝업은 별도 창이라 본화면에서 고른 테마를 물려받지 못한다. 같은 저장값을 읽어 맞춘다 --}}
<script>
(function(){
	var t = null;
	try { t = localStorage.getItem('zm-admin-theme'); } catch(e) {}
	// 사이트 화면에서 열린 팝업은 관리자 설정이 없을 수 있다. 그때는 연 창의 설정을 따른다
	if (t !== 'dark' && t !== 'light') {
		try {
			var d = (window.opener || window.parent || {}).document;
			if (d && d.documentElement) {
				t = d.documentElement.getAttribute('data-zm-theme') || d.documentElement.getAttribute('data-theme');
			}
		} catch(e) {}
	}
	if (t !== 'dark' && t !== 'light') {
		t = (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light';
	}
	document.documentElement.setAttribute('data-zm-theme', t);
})();
</script>

<div class="x popup">
	{!! $content !!}
</div>

@if (isset($iframe_sequence) && preg_match('/^\w+$/', $iframe_sequence))
	<script>
		const iframe_sequence = '{{ $iframe_sequence }}';
		window.opener = window.parent;
		window.close = function() {
			setTimeout(function() {
				parent.closeModal('_rx_iframe_' + iframe_sequence);
			}, 100);
		};
	</script>
	<style>
		.x.popup {
			width: 100vw; height: 100vh;
			display: flex; flex-direction: column;
		}
		.x.popup > form {
			width: 100vw; height: 100vh;
			display: flex; flex-direction: column;
			margin: 0 !important;
		}
		.x_modal-header { flex: 0 0 auto; }
		.x_modal-body { flex: 1; overflow: scroll; }
		.x_modal-footer { padding-bottom: 24px !important; }
	</style>
@else
	<script>
		jQuery(function() {
			setTimeout(setFixedPopupSize, 500);
		});
		var _isPoped = true;
	</script>
@endif
