<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
/** @var array $appearance */
/** @var array $brand */
$mark_class = isset( $mark_class ) ? $mark_class : '';
$brand_src  = isset( $brand_src ) ? $brand_src : '';
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover">
	<title><?php echo esc_html__( 'Checkout unavailable', 'order-from-dm' ); ?></title>
	<?php wp_head(); ?>
</head>
<body class="dc-v2-body">
	<div id="dc-v2-chat" class="dc-v2-chat">
		<header class="dc-v2-header">
			<div class="dc-v2-brand-mark<?php echo esc_attr( $mark_class ); ?>">
				<?php if ( ! empty( $brand_src ) ) : ?>
					<img class="dc-v2-logo" src="<?php echo esc_url( $brand_src ); ?>" alt="" />
				<?php endif; ?>
			</div>
		</header>
		<div class="dc-v2-thread" style="padding:24px 16px;text-align:center">
			<p style="margin:0 0 8px;font-weight:600"><?php echo esc_html__( 'Checkout is temporarily unavailable', 'order-from-dm' ); ?></p>
			<p style="margin:0;opacity:.75;font-size:.95rem"><?php echo esc_html__( 'Please try again in a moment. If this keeps happening, the store owner should check their Order From DM connection.', 'order-from-dm' ); ?></p>
		</div>
	</div>
	<?php wp_footer(); ?>
</body>
</html>
