<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org"
	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	  layout:decorate="~{/mobile/layout/detailLayout}">
<th:block layout:fragment="layout_css">
	<link rel="stylesheet" href="/css/mobile/bodyInfo.css">
</th:block>

<th:block layout:fragment="layout_top_script">
<script>
	let physicalSearchDate = "[[${param.physicalSearchDate}]]";
</script>
</th:block>

<th:block layout:fragment="layout_content">
<div class="exist_box"><!-- 측정 이력 존재하는 경우 -->
	<h1><span><th:block>[[${session.mobileLoginName}]]</th:block></span>님의 신체 측정 정보예요.</h1>
	<div class="bmi_box">
		<h2 style="color: white;padding:30px 0 0 20px; font-weight: bold;font-size: small">BMI 트렌드</h2>
		<div class="bmi-info" style="color: white; padding:0 0 20px 20px; font-weight: bold;font-size:x-large">최고 31.1 | 최저 18.5</div>
		<canvas id="myChart"></canvas>
	</div>

	<div class="calendar_box">
		<div class="date_box"> <!-- 년,월만 나오게 -->
			<!--<img src="/image/mobile/datepicker.svg" alt="datepicker"/>-->
			<input type="month" class="date_picker" id="mmDatepicker">
		</div>
	</div>
	<div class="bodyinfo_wrap">
	</div>
</div>
	<form id="userPhysicalForm" onsubmit="return false;"></form>
</th:block>
<th:block layout:fragment="layout_script">
	<script src="/js/web/chart-4.4.3.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels"></script>
	<script src="/js/mobile/userphysical/selectListUserPhysical.js"></script>
</th:block>
</html>