<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<div class="card" name="photoMainWrapper">
	<form name="frmFile" method="post" enctype="multipart/form-data">
		<input type="file" name="newFileList"
		multiple accept="image/*" hidden />
		<input type="file" name="modifyFile"
		multiple accept="image/*" hidden />
	</form>

	<div class="col-md-12 d-flex justify-content-between">
		<div class="my-1" name="divBtn">
			<button type="button" name="btnAddFile" class="btn btn-primary">사진 추가</button>
			<button type="button" name="btnEditPhoto" class="btn btn-primary">사진 편집</button>
			<button type="button" name="btnDeleteExistPhoto" class="btn btn-primary">사진 삭제</button>
		</div>
	</div>

	<div name="displayForExist" class="border-default">
		<ul name="dragAndDrop" class="oy-scroll d-flex flex-wrap mh-px-580">
		</ul>
	</div>

	<form name="frmUploadSet" method="post" enctype="multipart/form-data">
		<input type="file" name="inputUploadSet"
		multiple accept="image/*" hidden />
	</form>
</div>

<template name="imgRadioTemplate">
	<li class="d-flex mt-1">
		<label class='mx-1 d-flex flex-row'>
			<input type="radio" name="{name}" class="form-check-input" value="{value}" checked="" />
			<div class="position-relative">
				<img src="{src}" width='200' height='200'
				data-crdn-photo-id="{crdnPhotoId}"
				data-mosaic="{mosaic}"
				onload='fn_photoMask($("#photoMask--top").is(":checked"),this);' ondblclick='document.querySelector("button[name=\"btnEditPhoto\"]").click();' />
			</div>
		</label>
	</li>
</template>

<template name="imgRadioTemplateTotalInfo">
	<li class="d-flex mt-1">
		<label class="mx-1 d-flex flex-row">
			<input type="radio" name="{name}" class="form-check-input" value="{value}" checked="" />
			<div class="position-relative">
				<img src="{src}" width="240" height="150"
					data-crdn-photo-id="{crdnPhotoId}" data-mosaic="{mosaic}"
					onload='fn_photoMask($("#photoMask--top").is(":checked"),this);' ondblclick='document.querySelector("button[name=\"btnEditPhoto\"]").click();' />
			</div>
		</label>
	</li>
</template>

<script>
	LoadScript("photoMainJspScript","/resources/js/fims/photo-main.js");
</script>
