@extends('common.layout')
<link rel="stylesheet" type="text/css" href="{{asset('css/form.css') }}" >
<link rel="stylesheet" type="text/css" href="{{asset('css/ckeditor.css') }}">
<script type="text/javascript" src="{{asset('js/ckeditor.js') }}"></script>
<style>
input[type="file"]::-ms-browse {
  border: none;
  background:none;
  padding:0 15px;
}
</style>

@section('content')
<div class="container">
  <section id="sec01" class="sec01">
    <div class="contWrap">
      <div class="wrContWrap">
        <div class="titleWrap">
          <h2 class="title txt23_700">공지사항</h2>
        </div>

        <form id="frm" name="frm" method="POST" enctype="multipart/form-data" target="uploadTarget">
          <input type="hidden" name="noticeNo" id="noticeNo"/>
          <div class="formArea">
            <div class="inputBox">
              <p class="inputBoxTitle txt14_600 required">구분</p>
              <div class="radioWrap">
                <div class="formRadioBox">
                  <input type="radio" name="noticeType" id="radio1" value="0" checked></input>
                  <label for="radio1" role="radio" class="txt14_400">일반</label>
                </div>
                <div class="formRadioBox">
                  <input type="radio" name="noticeType" id="radio2" value="1"></input>
                  <label for="radio2" role="radio" class="txt14_400">공지</label>
                </div>
              </div>
            </div>
          </div>

          <div class="formArea">
            <div class="inputBox">
              <label for="title" class="inputBoxTitle txt14_600 required">제목</label>
              <input id="title" name="noticeTitle" type="text" placeholder="제목을 입력해주세요">
            </div>
            <div class="inputBox">
              <label for="content" class="inputBoxTitle txt14_600 required">내용</label>
              <textarea name="noticeContent" id="editor1"></textarea>
            </div>
            <div class="inputBox">
              <label for="upfiles" class="inputBoxTitle txt14_600">첨부파일</label>
              <div class="inputItem"><input type="file" name="upfile01" id="upfile01" ></div>
              <div class="inputItem"><input type="text" name="preFile01" id="preFile01"><input type="hidden" name="preFileSeq01" id="preFileSeq01"/><button class="minusBtn" type="button" onclick="minusInput(this , 1)"></button></div>
              <div class="inputItem"><input type="file" name="upfile02" id="upfile02" ></div>
              <div class="inputItem"><input type="text" name="preFile02" id="preFile02"><input type="hidden" name="preFileSeq02" id="preFileSeq02"/><button class="minusBtn" type="button" onclick="minusInput(this , 2)"></button></div>
              <div class="inputItem"><input type="file" name="upfile03" id="upfile03" ></div>
              <div class="inputItem"><input type="text" name="preFile03" id="preFile03"><input type="hidden" name="preFileSeq03" id="preFileSeq03"/><button class="minusBtn" type="button" onclick="minusInput(this , 3)"></button></div>
              <div class="inputItem"><input type="file" name="upfile04" id="upfile04" ></div>
              <div class="inputItem"><input type="text" name="preFile04" id="preFile04"><input type="hidden" name="preFileSeq04" id="preFileSeq04"/><button class="minusBtn" type="button" onclick="minusInput(this , 4)"></button></div>
              <div class="inputItem"><input type="file" name="upfile05" id="upfile05" ></div>
              <div class="inputItem"><input type="text" name="preFile05" id="preFile05"><input type="hidden" name="preFileSeq05" id="preFileSeq05"/><button class="minusBtn" type="button" onclick="minusInput(this , 5)"></button></div>
            </div>
          </div>
        </form>

        <div class="btnBox">
          <button type="button" class="btn01" onclick="{history.back();}">취소</button>
          <button type="button" id="saveBtn" class="btn01 btnBlue" onclick="saveBtn()">저장</button>
        </div>
      </div>
    </div>
  </section>
  <iframe id="uploadTarget" name="uploadTarget" style="display:none;"></iframe>
</div>
<script>
  clsUrlSearchParam.init(location.search);
  clsTmsClass.setSearchParam(clsUrlSearchParam);
  clsListClass.setSearchParamClass(clsUrlSearchParam);

  var noticeNo = clsUrlSearchParam.get('no');
  var editor;

  function setInitData(){
    var arAttach    =  ["flex","none","flex","none","flex","none","flex","none","flex","none"];
    if(noticeNo && noticeNo) {
      clsTmsClass.setDataInformation("/mda/api/notice/" + noticeNo, "GET" , {} , function(data) {
        var jsonData = JSON.parse(data);
        var ntViewData = jsonData.data;

        var radios = document.querySelectorAll('input[name="noticeType"]');
        // 선택된 input 요소들을 반복하면서 value가 "일반"인 경우를 찾습니다.
        for (var i = 0; i < radios.length; i++) {
          var viewType = ntViewData.noticeType ? "1" : "0";
          if (radios[i].value === viewType) {
            // value가 faqType 값인 input 요소에 checked
            radios[i].checked = true;
          }
        }
        document.querySelector("#title").value = ntViewData.noticeTitle;
        if (ntViewData.attachList.length > 0){
          var objFiles   = "";
          var p          = 0;
          for(var i=0;i<ntViewData.attachList.length;i++){
            arAttach[p]     = "none";
            arAttach[p+1]   = "flex";
            objFiles        = document.getElementById("preFile0" + (i+1));
            objFiles.value  = ntViewData.attachList[i].BoardFileOriginalName;
            document.getElementById("preFileSeq0" + (i+1)).value = ntViewData.attachList[i].BoardFileID;
            p               = i+2;
          }
        }

        setTimeout(function(){
                if (typeof CKEDITOR.instances.editor1 !=='undefined'){
                    CKEDITOR.instances.editor1.setData(ntViewData.noticeContent);
                } else {

                }
        },1000);


        showAttach(arAttach);
      });
    } else {
      showAttach(arAttach);
    }
  }

  function showAttach(arAttach){
    var objItems = document.getElementsByClassName("inputItem");
    for(var j = 0 ; j < 10;j++){
      objItems[j].style.display = arAttach[j];
    }
  }

  function minusInput(_this , nIdx){
    if(!confirm("정말 삭제하시겠습니까?"))return;
    delFileData(_this , nIdx);
  }

  function delFileData(_this , nIdx){
    var seq = document.getElementById("preFileSeq0" + nIdx).value;
    var data = {"fileno" : seq};

    clsTmsClass.setDataInformation("/mda/api/notice/" + noticeNo +"/delfile", "GET" ,data, function(data) {
        var jsonData = JSON.parse(data);
        var objItems = document.getElementsByClassName("inputItem");
        objItems[nIdx].style.display = "flex";
        var parent = _this.parentNode;
        //parent.parentNode.removeChild(parent);
        parent.style.display = "none";


    });
  }

  // noticeNo 있으면 수정페이지, 없으면 등록

  function saveBtn() {
    var titleElm = document.querySelector("#title");
    if(titleElm.value.length < 1) {
      alert(titleElm.placeholder);
      titleElm.focus();
      return false;
    }

    // 2. 내용체크
    if(CKEDITOR.instances.editor1.getData().length < 1) {
      alert("내용을 입력해주세요");
      return false;
    }
    submitForm();
  }

  document.getElementById('uploadTarget').onload = function() {
      try{
        var response = document.getElementById('uploadTarget').contentWindow.document.body.innerHTML;
        var startCode = response.indexOf('{"code"');
        if ( startCode >-1){
            var lastCode = response.indexOf('}');
            var code = response.substring(startCode , lastCode+1);
            if ( code !=''){
              var fetchData =JSON.parse(code);
              if ( fetchData.code == 100){
                if (noticeNo && noticeNo){
                  alert('수정이 완료되었습니다.');
                } else {
                  alert('등록이 완료되었습니다.');
                }
                location.href="lt"; // 목록으로 이동
              } else {
                alert("처리중 오류가 발생 했습니다. 잠시 후 이용하세요."+response);
                document.location.reload();
              }
            }
        }
      } catch(e){
        console.log(e);
      }
  };
  // from 값담기
  function submitForm() {
    var strAction = "/mda/api/notice/insert";
    if (noticeNo && noticeNo){
      document.getElementById('noticeNo').value = noticeNo;
      strAction = "/mda/api/notice/" + noticeNo + "/update";
    }
    document.getElementById('frm').action=strAction;
    document.getElementById('frm').submit();
  }


  window.onload = function(){
    CKEDITOR.replace( 'editor1' );
    setInitData();
  };
</script>
@endsection