<%@ 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="s" uri="http://www.springframework.org/tags"%>

<!-- Page Content  -->
<div id="divContent">
	<div class="">
		<div class="fixed_navi_wrap">
			<div class="navigation">
				<h1>환자정보</h1>
				<div class="navi_menu_wrap">
					<button type="button" name="pageCloseBtn" class="page_close_btn">
						<i class="icon">닫기</i>
					</button>
				</div>
				<!--end::class::navi_menu_wrap-->
			</div>
			<!--end::class::navigation-->
		</div>
		<div class="sub_wrap">
			<div class="chart-view-top">
				<div class="row">
					<div class="col-xs-12">
						<p class="patient-name">이지은 (02120121)</p>
						<p class="patient-info">
							<span></span><span><a href="sms:010-5555-5555" class="sms"><i>문자</i></a> <a href="tel:02-1234-1234" class="tel"><i>전화</i></a></span>
						</p>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-6">
						<p class="patient-info">
							<span>나이/성별</span> <span>24/여</span>
						</p>
					</div>
					<div class="col-xs-6">
						<p class="patient-info">
							<span>진료</span> <span>외래</span>
						</p>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-12">
						<p class="patient-info">
							<span>진료과</span> <span>이빈인후-두경부외과</span>
						</p>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-12">
						<p class="patient-info">
							<span>주치의</span> <span>유의태 <a href="sms:010-5555-5555" class="sms"><i>문자</i></a> <a href="tel:02-1234-1234" class="tel"><i>전화</i></a></span>
						</p>
					</div>
				</div>
				<div class="row description">
					<div class="col-xs-12">
						<p class="patient-info">
							<span>주진단명</span> <span class="description">Op. / ㈜ Excision of hemorrhoids</span>
						</p>
					</div>
				</div>
				<div class="row description">
					<div class="col-xs-12">
						<p class="patient-info">
							<span>수술일 /주 수술 명</span> <span class="description">Op. 2018-09-14 / ㈜ Excision of hemorrhoids</span>
						</p>
					</div>
				</div>
			</div>
			<!-- /chart-view-top -->
			<div class="chart-view-item ">
				<div class="row">
					<div class="col-xs-12">
						<p class="view-item-title">
							<i class="icon-patient01"></i> <span>진료정보</span>
						</p>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4">
						<button type="button" name="treatmentBtn" class="btn on">진료이력</button>
					</div>
					<div class="col-xs-4 px-0">
						<button type="button" name="treatmentBtn" class="btn">처방조회</button>
					</div>
					<div class="col-xs-4">
						<button type="button" name="treatmentBtn" class="btn on">기록조회</button>
					</div>
				</div>
				<div class="row ">
					<div class="col-xs-4">
						<button type="button" name="treatmentBtn" class="btn">검사결과</button>
					</div>
					<div class="col-xs-4 px-0">
						<button type="button" name="treatmentBtn" class="btn">수술내역</button>
					</div>
					<div class="col-xs-4">
						<button type="button" name="treatmentBtn" class="btn">협진내역</button>
					</div>
				</div>
				<div class="row ">
					<div class="col-xs-4">
						<button type="button" name="treatmentBtn" class="btn col-xs-4">임상관찰조회</button>
					</div>
					<div class="col-xs-4 px-0">
						<button type="button" name="treatmentBtn" class="btn col-xs-4">투약정보</button>
					</div>
					<div class="col-xs-4">
						<button type="button" name="treatmentBtn" class="btn col-xs-4">환부 이미지 조회</button>
					</div>
				</div>
			</div>
			<div class="chart-view-item ">
				<div class="row ">
					<div class="col-xs-12">
						<p class="view-item-title">
							<i class="icon-patient02"></i><span>조치</span>
						</p>
					</div>
				</div>
				<div class="row ">
					<div class="col-xs-4">
						<button type="button" name="treatmentBtn" class="btn icon-btn camera-icon">환부 촬영</button>
					</div>
					<div class="col-xs-4 px-0">
						<button type="button" name="treatmentBtn" class="btn icon-btn eye-icon">임상 관찰</button>
					</div>
					<div class="col-xs-4 ">
						<button type="button" name="treatmentBtn" class="btn icon-btn medicine-icon">투약 실시</button>
					</div>
				</div>
			</div>
			<div class="chart-notice">
				<div class="row ">
					<div class="col-sm-2 ">
						<p class="notice">Notice</p>
					</div>
					<div class="col-sm-10 col-12-sm ">
						<p class="text">환자가 알약 투약이 어려우니 처방된 약을 분말로...</p>
					</div>
				</div>
				<div class="row ">
					<div class="col-sm-2 ">
						<p class="notice">Notice</p>
					</div>
					<div class="col-sm-10">
						<p class="text">자세 교정을 위한 운동요법 및 식사 처방 관련 지도가 필요하니 추가적인 사항에 대해 신경 써서 응대하세요.</p>
					</div>
				</div>
				<div class="row ">
					<div class="col-sm-2 ">
						<p class="notice">Notice</p>
					</div>
					<div class="col-sm-10 ">
						<p class="text">환자가 구토증상과 함께 응급실로 내방하여 입원을 진행하게 되었습니다.</p>
					</div>
				</div>
				<div class="row">
					<div class="col">
						<button type="button" name="moreBtn" class="notice-more-btn">더보기</button>
					</div>
				</div>
			</div>
			<button type="button" name="goTopBtn" class="go-top-btn">상단으로</button>
		</div>
	</div>
</div>