<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<link href="<c:out value="/css/normalize.css" />" rel="stylesheet">
<link href="<c:out value="/css/openlayers/ol.css" />" rel="stylesheet">

<script src="<c:out value="/js/openlayers/ol.js" />"></script>
<script src="<c:out value="/js/openlayers/proj4.js" />"></script>
<script>
  const field_data = JSON.parse('${fieldDataVO.field_data}');
</script>


<script src="<c:out value="/js/admin/fieldView.js" />"></script>
<div class="section_title">
  <!-- <p>현장 지원 시스템</p> -->
</div>
  <div class="section_content">
	  <div class="row justify-content-end bg-white mx-3 py-2">
	  <table class="table table-hover text-center">
      <thead>
        <tr>
          <h5>담당자</h5>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>소속</th>
          <td class="text-center"><c:out value='${userVO.company}' /></td>
          <th>이름</th>
          <td class="text-center"><c:out value='${userVO.name}' /></td>
          <th>연락처</th>
          <td class="text-center"><c:out value='${userVO.phonenum}' /></td>
        </tr>
      </tbody>
    </table>
	  </div>
	  <div class="row justify-content-end bg-white mx-3 mt-3 mb-2 py-2">
			<table class="table table-hover text-center">
			  <thead>
				<tr>
				  <h3>현장수집 데이터</h3>
				</tr>
			  </thead>
			  <tbody>
				<tr>
				  <th>레이어 ID</th>
				  <td class="text-center"><c:out value="${fieldDataVO.layer_id}" /></td>
				  <th>수집일</th>
				  <td class="text-center"><c:out value="${fieldDataVO.save_date}" /></td>
				</tr>
				<tr>
				  <th>지역</th>
				  <td class="text-center"><c:out value="${fieldDataVO.region}" /></td>
				  <th>상태</th>
				  <td class="text-center">
					<c:choose>
				  <c:when test="${fieldDataVO.status eq '0'}">
					<span class="label label-warning">수집</span>
				  </c:when>
				  <c:when test="${fieldDataVO.status eq '1'}">
					<span class="label label-danger">검증실패</span>
				  </c:when>
				  <c:when test="${fieldDataVO.status eq '2'}">
					<span class="label label-success">검증성공</span>
				  </c:when>
				  <c:when test="${fieldDataVO.status eq '3'}">
					<span class="label label-danger">반영실패</span>
				  </c:when>
				  <c:when test="${fieldDataVO.status eq '4'}">
					<span class="label label-success">반영</span>
				  </c:when>
				</c:choose>
				  </td>
				</tr>
				<tr>
				  <th>설명</th>
				  <td></td>
				  <th>오류내용</th>
				  <td></td>
				</tr>
			  </tbody>
			</table>
  	</div>
	  <div class="border border-2 border border-dark border border-start-0 border-end-0 py-2 mx-3">
		  <div class="mapWrap">
			<div class="map-title text-center">측량데이터</div>
			<div class="map" id="map">	</div>
		  </div>
      <div class="fieldDataDiv">
        <table class="fieldDataTable" id="fieldDataTable">
          <thead>
            <tr>
              <th colspan="4">속성정보</th>
            </tr>
          </thead>
          <tbody id="fieldDataBody">

          </tbody>
        </table>
	  </div>
      	<ul id="fieldDataPaging" class="fieldDataPaging"></ul>
	  </div>
    <div class="section_btn">
      <p class="search_p1">
        <input class="btn btn-primary" type="button" value="목록" onclick="location.href='/admin/fieldData'" />
      </p>
      <p class="search_p2">
        <input class="btn btn-secondary" type="button" value="표준DB변환 및 검증" onclick="fieldVerify();" />
            <input class="btn btn-success" type="button" value="반영" onclick="fieldReflect();" />
      </p>
    </div>
  </div>
</div>