<?php
/**
 * Title: Member Dashboard
 * Slug: we88-express/member-dashboard
 * Categories: we88-portal
 * Description: Three-column member dashboard on flat panels — balance, profile and inbox at a glance.
 * Keywords: dashboard, profile, balance, inbox, member
 * Block Types: core/post-content
 * Viewport Width: 1360
 * Inserter: yes
 */

defined( 'ABSPATH' ) || exit;
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1.25rem","bottom":"1.5rem","left":"1rem","right":"1rem"},"blockGap":"0.75rem"}},"backgroundColor":"background","layout":{"type":"constrained","contentSize":"1360px"}} -->
<div class="wp-block-group alignfull has-background-background-color has-background" style="padding-top:1.25rem;padding-right:1rem;padding-bottom:1.5rem;padding-left:1rem">

	<!-- wp:group {"layout":{"type":"default"}} -->
	<div class="wp-block-group">
		<!-- wp:html -->
		<div class="we88-secbar">
			<h2 class="we88-secbar-title">บัญชีของฉัน</h2>
			<span class="we88-secbar-hint">ยอดเงิน · โปรไฟล์ · กล่องข้อความ</span>
		</div>
		<!-- /wp:html -->
	</div>
	<!-- /wp:group -->

	<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"0.75rem"}}}} -->
	<div class="wp-block-columns alignwide">

		<!-- wp:column {"width":"33%"} -->
		<div class="wp-block-column" style="flex-basis:33%">
			<!-- wp:group {"style":{"spacing":{"padding":"1rem","blockGap":"0.6rem"},"border":{"width":"1px","radius":"6px","color":"var:preset|color|border"}},"backgroundColor":"surface","layout":{"type":"constrained"}} -->
			<div class="wp-block-group has-border-color has-surface-background-color has-background" style="border-color:var(--wp--preset--color--border);border-width:1px;border-radius:6px;padding:1rem">
				<!-- wp:paragraph {"className":"we88-kicker","textColor":"text-muted","fontSize":"x-small"} -->
				<p class="we88-kicker has-text-muted-color has-text-color has-x-small-font-size">Balance</p>
				<!-- /wp:paragraph -->
				<!-- wp:we88/balance /-->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"33%"} -->
		<div class="wp-block-column" style="flex-basis:33%">
			<!-- wp:group {"style":{"spacing":{"padding":"1rem","blockGap":"0.6rem"},"border":{"width":"1px","radius":"6px","color":"var:preset|color|border"}},"backgroundColor":"surface","layout":{"type":"constrained"}} -->
			<div class="wp-block-group has-border-color has-surface-background-color has-background" style="border-color:var(--wp--preset--color--border);border-width:1px;border-radius:6px;padding:1rem">
				<!-- wp:paragraph {"className":"we88-kicker","textColor":"text-muted","fontSize":"x-small"} -->
				<p class="we88-kicker has-text-muted-color has-text-color has-x-small-font-size">Profile</p>
				<!-- /wp:paragraph -->
				<!-- wp:we88/profile /-->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"34%"} -->
		<div class="wp-block-column" style="flex-basis:34%">
			<!-- wp:group {"style":{"spacing":{"padding":"1rem","blockGap":"0.6rem"},"border":{"width":"1px","radius":"6px","color":"var:preset|color|border"}},"backgroundColor":"surface","layout":{"type":"constrained"}} -->
			<div class="wp-block-group has-border-color has-surface-background-color has-background" style="border-color:var(--wp--preset--color--border);border-width:1px;border-radius:6px;padding:1rem">
				<!-- wp:paragraph {"className":"we88-kicker","textColor":"text-muted","fontSize":"x-small"} -->
				<p class="we88-kicker has-text-muted-color has-text-color has-x-small-font-size">Inbox</p>
				<!-- /wp:paragraph -->
				<!-- wp:we88/inbox /-->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->

	</div>
	<!-- /wp:columns -->

</div>
<!-- /wp:group -->
