<!DOCTYPE html>
<html lang="ja-JP">

<head>
    <meta charset="utf-8">
    <title>ピックアップ</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <!-- vender css -->
    <link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
    <!-- main css -->
    <link rel="stylesheet" type="text/css" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
    <link rel="stylesheet" type="text/css" href="css/header.css">
    <link rel="stylesheet" type="text/css" href="css/footer.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script src="js/jquery-1.11.2.min.js?__UPDATEID__"></script>
    <script src="script/check.js?__UPDATEID__"></script>
    <script src="script/check-list.js?__UPDATEID__"></script>
	<script src="script/check-dashboard-setting.js?__UPDATEID__"></script>
    <script src="script/check-foriOS.js"></script>
    <script src="script/constant.js?__UPDATEID__"></script>
    <script src="script/check_pu.js?__UPDATEID__"></script>
	<script src="script/check-footer.js"></script>
</head>

<body  onload="CHK_pu.init();">

	    <header >
	          <nav class="navbar navbar-dark bg-primary position-fixed fixed-top w-100">
				<a href="javascript:CHK_pu.goBack();" class="navbar-brand category-btn lht-0">
		               <i class="fas fa-chevron-left fs-12 p-1"></i>
		               <span class="d-none d-md-inline fs-10 multi-lang" data-msg="buttonBack">
		                   戻る
		               </span>
		           </a>
	           <h1 class="fs-10 font-weight-bold mb-0 text-white multi-lang" data-msg="labelPickUp">ピックアップ</h1>
	            <a  class="nav-link text-white lht-0 p-1">
	                <img class="icon" src="img/icon_update.svg" alt="更新">
	             <span class="d-none d-md-inline fs-10 align-middle multi-lang" data-msg="buttonRefresh" href="javascript:CHK_L.sendAppCommand('refreshContent');">
	                 更新
	             </span>
	            </a>
	           </nav>
	       </header>

   		<!-- tab -->
	    <section class="main-section">
	        <main>
	            <div class="tab-wrap">
	                <input id="tab-NewReport" type="radio" name="tab-task" class="tab-switch">
	                <input id="tab-ContinueWork" type="radio" name="tab-task" class="tab-switch" checked>
	                <input id="tab-ReportWithWarning" type="radio" name="tab-task" class="tab-switch">
	                <ul class="tab-menu pl-0">
	                    <li class="tab-label list-unstyled on" id="liTabNewReport"><label class="tab-label-NewReport fs-9 multi-lang" data-msg="labelNewReport" for="tab-NewReport" >新規報告</label><div class="task-cnt" id="count-NewReport"></div></li>
	                    <li class="tab-label list-unstyled" id="liTabContinueWork"><label class="tab-label-ContinueWork fs-9 multi-lang" data-msg="labelContinueWork" for="tab-ContinueWork" >工程作業</label><div class="task-cnt" id="count-ContinueWork"></div></li>
	                    <li class="tab-label list-unstyled" id="liTabReportWithWarning"><label class="tab-label-ReportWithWarning fs- multi-lang" data-msg="labelReportWithWarning" for="tab-ReportWithWarning" >警告を含む報告</label><div class="task-cnt" id="count-ReportWithWarning"></div></li>
	                </ul>
	                <div class="tab-content-area">
	                    <!-- 新規報告 -->
	                    <div id="tab-content-NewReport" class="tab-content on">
	                        <div class="container-fluid">
								<div class="not-found text-dark mb-1 p-3 d-none" id="notFoundNewReport">
									<img src="img/icon_not_found.svg" class="mb-3" alt="該当する作業がありません。">
									<div class="fs-9 text-secondary font-weight-bold">該当する作業がありません。</div>
								</div>
	                            <ul class="task-list p-0 mt-3" id="newReport-list">
	                            </ul>
	                        </div>
	                    </div>
	                    <!-- 工程作業 -->
	                    <div id="tab-content-ContinueWork" class="tab-content">
	                        <div class="container-fluid">
								<div class="not-found text-dark mb-1 p-3 d-none" id="notFoundContinueWork">
									<img src="img/icon_not_found.svg" class="mb-3" alt="該当する作業がありません。">
									<div class="fs-9 text-secondary font-weight-bold">該当する作業がありません。</div>
								</div>
	                            <ul class="task-list p-0 mt-3" id="continueWork-list">

	                            </ul>
	                        </div>
	                    </div>
	                    <!-- 警告を含む報告 -->
	                    <div id="tab-content-ReportWithWarning" class="tab-content">
	                        <div class="container-fluid">
								<div class="not-found text-dark mb-1 p-3 d-none " id="notFoundReportWithWarning">
									<img src="img/icon_not_found.svg" class="mb-3" alt="該当する作業がありません。">
									<div class="fs-9 text-secondary font-weight-bold">該当する作業がありません。</div>
								</div>
	                            <ul class="task-list p-0 mt-3" id="reportWithWarning-list">
									
	                            </ul>
	                        </div>
	                    </div>
	                </div>
	            </div>
	        </main>
	    </section>



	<div id="footer"></div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
</body>

</html>