<?php
	$hostname=$_SERVER["HTTP_HOST"]; //도메인명(호스트)명을 구합니다.
	$hostname_logo_tmp=explode(".",$hostname); //도메인명을 사용해서 로고명을 구합니다.
	$logo_name = strtoupper($hostname_logo_tmp[0]);
	$uri= $_SERVER['REQUEST_URI']; //uri를 구합니다.
	$query_string=getenv("QUERY_STRING"); // Get값으로 넘어온 값들을 구합니다.
	$phpself=$_SERVER["PHP_SELF"]; //현재 실행되고 있는 페이지의 url을 구합니다.
	$basename=basename($_SERVER["PHP_SELF"]); //현재 실행되고 있는 페이지명만 구합니다.

	$content = $hostname;
	$description = $hostname;
?>

<!doctype html>
<html lang="ko">

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<title><?php echo $hostname?></title>

<meta http-equiv="Expires" content="-1">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="No-Cache">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta name="description" content="<?php echo $content?>">

<link rel="canonical" href="index.php">
<link rel="SHORTCUT ICON" href="favicon.ico">

<script src="lib/jquery/3.3.1/jquery.min.js"></script>
<script src="lib/Swiper/4.4.2/js/swiper.js"></script>
<script src="lib/Main/js/default.js?ver=<?php echo $VERSION_JS?>"></script>

<script type="text/javascript">
	var gEnv = "p"
	var gGripperSize = 13;
</script>

<meta property="og:title" content="<?php echo $content?>" />
<meta property="og:type" content="website" />
<meta property="og:description" content="<?php echo $description?>" />
<meta property="og:image" content="lib/Main/images/ogimage.png" />
<meta property="og:url" content="index.php" />

<style>
input:focus {
	border-color: rgba(255, 128, 0, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 191, 0, 0.6);
	outline: 0 none;
}

#menu1 { font-size:18px; }
</style>

<?php
	if (preg_match('/(iphone|lgtelecom|skt|mobile|Mobile|samsung|nokia|blackberri|android|Android|sony|phone|webos|palmos)/i', $_SERVER['HTTP_USER_AGENT'])) {
		$device = "mobile";
	} else {
		$device = "pc";
	}
	if ($device == "mobile") {
		echo "<link rel='stylesheet' href='lib/Main/css/mobile.css?ver=".$VERSION_CSS."'>";
	} else {
		echo "<link rel='stylesheet' href='lib/Main/css/pc.css?ver=".$VERSION_CSS."'>";
	}
?>

</head>

<body>
	<div class="page1-wrapper">
		<div class="page1">
			<div class="page1-top">
				<span class="page1-header-brand" style="color:#a7a7a7; font-size:20px;">
					<?php echo $logo_name?> 관리자페이지
				</span>
				<span class="page1-header-link" style="color:#a7a7a7; margin-top:10px;">
					<?php echo $hostname?>
				</span>
			</div>
		</div>
	</div>


	<div class="page_div_type3" style="width:80vw; max-width:500px; min-width:250px; height:auto; position:relative; top:0px; margin:20px auto 20px; z-index:8;">
		<div style="position:relative; text-align:center; top:25px; display:flex; justify-content:center; align-items:center;">
			<div id="menu1" style="width:100%; margin:0 auto 0; text-align:center; padding:35px 5px 35px; background:linear-gradient(135deg,#323232,#333333); color:#919191; border-radius:5px; cursor:pointer;" onclick="list_id_mobile();">VPN 아이디 통합관리</div>
		</div>
	</div>

<?php
/*
	<div class="page_div_type1" style="width:80%; max-width:500px; min-width:300px; position:relative; top:0px; margin:20px auto 20px; z-index:8;">
		<div style="position:relative; text-align:right; top:25px;">
			<a href="javascript:$('#div_process_type1').show(); $('#div_process_type2').hide(); $('#div_process_type3').hide(); $('#process_type1').prop('checked', true); $('#li_member_pwd').show(); $('#li_member_memo').show(); $('.form-group').show(); $('#submit_msg').html(''); $('.btn-submit').show(); javascript:void(0);" class="btn-request">
			<div id="menu1" style="width:100%; margin:0 auto 0; text-align:center; padding:35px 5px 35px; background:linear-gradient(135deg,#323232,#333333); color:#919191; border-radius:5px;">VPN 아이디 추가하기</div>
			</a>
		</div>
	</div>


	<div class="page_div_type3" style="width:80%; max-width:500px; min-width:300px; position:relative; top:0px; margin:20px auto 20px; z-index:8;">
		<div style="position:relative; text-align:right; top:25px;">
			<a href="javascript:$('#div_process_type1').hide(); $('#div_process_type2').hide(); $('#div_process_type3').show(); $('#process_type3').prop('checked', true); $('#li_member_pwd').hide(); $('#li_member_memo').hide(); $('.form-group').show(); $('#submit_msg').html(''); $('.btn-submit').show(); javascript:void(0);" class="btn-request">
			<div id="menu1" style="width:100%; margin:0 auto 0; text-align:center; padding:35px 5px 35px; background:linear-gradient(135deg,#323232,#333333); color:#919191; border-radius:5px;">VPN 아이디 삭제하기</div>
			</a>
		</div>
	</div>


	<div class="page_div_type2" style="width:80%; max-width:500px; min-width:300px; position:relative; top:0px; margin:20px auto 20px; z-index:8;">
		<div style="position:relative; text-align:right; top:25px;">
			<a href="javascript:$('#div_process_type1').hide(); $('#div_process_type2').show(); $('#div_process_type3').hide(); $('#process_type2').prop('checked', true); $('#li_member_pwd').show(); $('#li_member_memo').show(); $('.form-group').show(); $('#submit_msg').html(''); $('.btn-submit').show(); javascript:void(0);" class="btn-request">
			<div id="menu1" style="width:100%; margin:0 auto 0; text-align:center; padding:35px 5px 35px; background:linear-gradient(135deg,#323232,#333333); color:#919191; border-radius:5px;">고객정보 변경하기</div>
			</a>
		</div>
	</div>
*/
?>

	<div id="partnership-area" class="partnership-area">
		<form id="partnership-form" validate autocomplete="off">
			<div id="server_name-area" style="display:flex; justify-content:center; align-items:center; color:#333333;">
				<div style="width:30%; color:#333333;">
					<?php echo $logo_name?> 아이디 관리
				</div>
				<div style="width:70%; color:#333333; text-align:right;">
					<input type="text" id="server_name" name="server_name" value="<?php echo $hostname?>" style="border:0; font-size:18px; color:#0075ff; width:100px; outline: none;" readonly required>
				</div>
			</div>

			<div class="form-group">

				<fieldset style="color:#7a7a7a; border:1px solid #7a7a7a; width:100%; border-radius:5px;">
					<legend style="text-align:left; padding:10px;">MEMBER</legend>
					<ul style="text-align:right; list-style: none; padding:0; margin:0; width:100%;">
						<li style="margin-bottom:20px;">
							<div class="partnership-type">
								<div id="div_process_type1" style="margin-right:10px;">
									<input type="radio" id="process_type1" name="process_type" value="등록" checked required>
									<label for="process_type1" style="position:relative; top:-1px; font-size:16px;">아이디 추가</label>
								</div>
								<div id="div_process_type2" style="margin-right:10px;">
									<input type="radio" id="process_type2" name="process_type" value="수정" required>
									<label for="process_type2" style="position:relative; top:-1px; font-size:16px;">고객정보 변경</label>
								</div>
								<div id="div_process_type3">
									<input type="radio" id="process_type3" name="process_type" value="삭제" required>
									<label for="process_type3" style="position:relative; top:-1px; font-size:16px;">아이디 삭제</label>
								</div>
							</div>
						</li>

						<li id="li_member_id">
							<label for="member_id" style="background-image: url(./lib/Main/images/require.png) !important; background-repeat: no-repeat !important; background-position: 95% 0px !important;">아이디</label>
							<input type="text" id="member_id" name="member_id" style="width:70%; border:1px solid #a7a7a7; color:#0075ff; font-size:10px;" placeholder="아이디 또는 이메일를 입력하세요" required value="" autocomplete="off">
						</li>
						<li id="li_member_pwd" style="margin-top:15px;">
							<label for="member_pwd" style="background-image: url(./lib/Main/images/require.png) !important; background-repeat: no-repeat !important; background-position: 95% 0px !important;">암호</label>
							<input type="password" id="member_pwd" name="member_pwd" style="width:70%; border:1px solid #a7a7a7; color:#0075ff; font-size:10px;" placeholder="암호를 입력하세요" required value="">
						</li>
						<li id="li_member_id_expire" style="margin-top:15px; ">
							<label for="member_id_expire" style="background-image: url(./lib/Main/images/require.png) !important; background-repeat: no-repeat !important; background-position: 95% 0px !important;">만료일</label>
							<input type="date" id="member_id_expire" name="member_id_expire" style="width:70%; border:1px solid #a7a7a7; color:#0075ff; font-size:10px;" placeholder="만료일을 입력하세요" required value="">
						</li>
						<li id="li_member_memo" style="margin-top:15px; ">
							<label for="member_memo">메모</label>
							<input type="text" id="member_memo" name="member_memo" style="width:70%; border:1px solid #a7a7a7; color:#0075ff; font-size:10px;" placeholder="메모를 입력하세요" value="">
						</li>

					</ul>
				</fieldset>


				<fieldset style="color:#7a7a7a; border:1px solid #7a7a7a; width:100%; border-radius:5px;">
					<legend style="text-align:left; padding:10px;">ADMINISTRATOR</legend>
					<ul style="text-align:center; list-style: none; padding:0; margin:0; width:100%;">
						<li style="width:100%;">
							<label for="admin_id" style="background-image: url(./lib/Main/images/require.png) !important; background-repeat: no-repeat !important; background-position: 95% 0px !important; width:25%;">아이디</label>
							<input type="text" id="admin_id" name="admin_id" style="width:25%; border:1px solid #a7a7a7; color:#0075ff; font-size:10px;" placeholder="관리자 아이디" required value="">
							<label for="admin_pwd" style="background-image: url(./lib/Main/images/require.png) !important; background-repeat: no-repeat !important; background-position: 95% 0px !important; width:25%;">암호</label>
							<input type="password" id="admin_pwd" name="admin_pwd" style="width:25%; border:1px solid #a7a7a7; color:#0075ff; font-size:10px;" placeholder="관리자 암호" required value="">
						</li>
					</ul>
				</fieldset>


			</div>


			<div class="buttons" style="padding:0; margin-top:10px;">
				<div id="submit_msg" style="display:none; color:#006699; margin-bottom:10px; text-align:center;"></div>
				<div style="width:100%; display:flex; justify-content:center; align-items:center;">
					<div style="width:50%; padding:10px;">
						<input type="button" value="닫기" id="btn-submit_close" class="btn-close" style="font-size:12px;  width:100%; height:100%; margin:0; padding:0; padding:10px !important; border-radius:10px;">
					</div>
					<div style="width:50%; padding:10px;">
						<input type="submit" value="실행" id="btn-submit_process" class="btn-submit" style="font-size:12px; color:#ffffff; width:100%; height:100%; margin:0; padding:0; padding:4px 10px 4px !important; border-radius:10px;">
					</div>
				</div>
			</div>
		</form>
	</div>

	<div id="DeviceType" style="display:none;"><?php echo $device;?></div>
	<div id="fade" class="fade"></div>
	<div id="main_fade" style="position:fixed; top:0px; left:0px; width:100vw; height:100vh; background:#000000; opacity:0.75; z-index:100;"></div>

	<div id="list_id_popup" style="position:fixed; top:0px; left:0px; width:100vw; height:100vh; background:#000000; opacity:0.85; z-index:101; display:flex; justify-content:flex-start; align-items:center; flex-direction:column; margin:0 auto 0; padding-top:10vh; overflow-y:auto; font-size:13px;"></div>

</body>

</html>



