<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
</head>
<body>
    <div class="wrapper">
        <jsp:include page="${data._INCLUDE}/sidebar.jsp"></jsp:include>
        
        <div class="main">
            <nav class="navbar navbar-expand navbar-light bg-white">
                <a class="sidebar-toggle d-flex mr-2">
                    <i class="hamburger align-self-center"></i>
                </a>

                <div class="navbar-collapse collapse">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item dropdown">
                            <a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
                                <i class="align-middle" data-feather="settings"></i>
                            </a>

                            <a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
                               <span class="text-dark">홍길동 선생님</span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-right">
                                <a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> 정보변경</a>
                                <a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> 로그아웃</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </nav>

            <main class="content">
                <div class="container-fluid p-0">
                    <!-- 환자관리 : 신규환자 등록 START -->
                    <div class="row">
                        <div class="col-12 col-lg-6">
                            <h1 class="h3 mb-3">정보변경</h1>
                        </div>
                        <div class="col-12 col-lg-6  text-right">
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="javscript:;">Home</a></li>
                                    <li class="breadcrumb-item">의료진 관리</li>
                                    <li class="breadcrumb-item active">의료진 정보 등록</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <table class="table mobile-table">
                                        <colgroup>
                                            <col style="width:15%">
                                            <col style="width:35%">
                                            <col style="width:15%">
                                            <col style="width:35%">
                                        </colgroup>
                                        <tr>
                                            <th>아이디</th>
                                            <td>
                                                <input type="text" class="form-control w150">
                                                <button class="btn btn-primary">중복확인</button>
                                            </td>
                                            <th>이름</th>
                                            <td>
                                                <input type="text" class="form-control">
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>현재 비밀번호</th>
                                            <td colspan="3">
                                                <input type="text" class="form-control">
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>신규 비밀번호</th>
                                            <td colspan="3">
                                                <input type="text" class="form-control">
                                                <span class="font-13 text-muted">특수문자, 영문, 숫자 조합으로 8자 이상 12자 이내로 작성</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>비밀번호 확인</th>
                                            <td colspan="3">
                                                <input type="text" class="form-control">
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>휴대폰번호</th>
                                            <td>
                                                <input type="text" class="form-control" placeholder="010-1234-1234">
                                            </td>
                                            <th>치료센터</th>
                                            <td>
                                                <select class="custom-select">
                                                    <option selected="">센터-1</option>
                                                    <option selected="">센터-2</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>권한</th>
                                            <td>
                                                <select class="custom-select">
                                                    <option selected="">센터-1</option>
                                                    <option selected="">센터-2</option>
                                                </select>
                                            </td>
                                            <th>상태</th>
                                            <td>
                                                <label class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inline-radios-example" value="option1">
                                                    <span class="form-check-label">
                                                      활성화
                                                    </span>
                                                </label>
                                                <label class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inline-radios-example" value="option1">
                                                    <span class="form-check-label">
                                                      비활성화
                                                    </span>
                                                </label>
                                            </td>
                                        </tr>
                                    </table>
                                    <div class="row mt-3">
                                        <div class="col-12">
                                            <div class="text-right">
                                                <button class="btn btn-outline-primary w100">취소</button>
                                                <button class="btn btn-primary w100">등록</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 환자관리 : 신규환자 등록 END -->
                </div>
            </main>

            <jsp:include page="${data._INCLUDE}/footer.jsp"></jsp:include>
        </div>
    </div>
</body>
</html>