@extends('common.layout')
@section('commostyle')
<link rel="stylesheet" type="text/css" href="{{asset('css/nt.css') }}" />
@endsection('commostyle')
@section('content')
<div class="container">
  <section id="sec01" class="sec01">
    <ul class="breadCrumb">
      <li>홈</li>
      <li>공지사항</li>
    </ul>
    <div class="title">
      <h2>공지사항</h2>
    </div>
    <div class="contWrap ntView ntList">
      <div class="subTitle"></div>
      <div class="viewBox">
        <div class="viewText scroll"></div>
      </div>
      <div class="downLoad">

      </div>
    </div>
    <div class="btBox">
    </div>
  </section>
</div>
<script>
clsUrlSearchParam.init(location.search);
  clsTmsClass.setSearchParam(clsUrlSearchParam);
  clsListClass.setSearchParamClass(clsUrlSearchParam);
  clsTmsClass.setTmsPop(clsPopClass);


  const getParamItem = clsTmsClass.getParams("num");
  const getParamItem2 = clsTmsClass.getParams("page");
  let page = getParamItem2 == null ? 1 : getParamItem2

  clsTmsClass.setDataInformation("/frn/api/notice/" + getParamItem, 'GET' , {"page" : getParamItem2 , "num" : getParamItem}, function(json){

    var data        = JSON.parse(json);
    var inFileList  = "";
    if(getParamItem == data.data.noticeNo){
        var subTitle    = document.querySelector(".subTitle");
        var viewText    = document.querySelector(".viewText");
        var fileWrap    = document.querySelector(".downLoad");
        var arTmpFile   = '';
        if ( data.data.arFileList.length > 0){
           for(var i=0;i<data.data.arFileList.length;i++){
              arTmpFile   = data.data.arFileList[i].BoardFileEncryptName.split("/");

              inFileList    += '<div class="downLoadList">';
              inFileList    += ' <div class="downLoadCon"> ';
              inFileList    += '<img src="../images/ImageAssets_fileicon.svg" alt="파일">&nbsp;';
              inFileList    += '<a href="/frn/nt/dwn/' + arTmpFile[arTmpFile.length-1]+'" class="file">' + data.data.arFileList[i].BoardFileOriginalName+ '</a>';
              inFileList    += '</div></div>'  + "\r\n";
           }
            fileWrap.innerHTML = inFileList;
        }  else {
            fileWrap.style.display = "none";
            document.querySelector(".viewBox").style.height="500px";
        }

        subTitle.innerHTML = " ";
        subTitle.innerHTML += '<h3 class="txt18_600">'+data.data.noticeTitle+'</h3>'+
                              '<p class="date txt12_400">'+data.data.noticeDate+'</p>';

        viewText.innerHTML = " ";
        viewText.innerHTML += '<p>'+data.data.noticeContent+'</p>';
      }
  });
    var returnBtn = document.querySelector('.btBox');
        returnBtn.innerHTML = '<a href="./indx?page='+page+'" role="button" class="btn02 txt14_600">목록으로 돌아가기</a>'

</script>
@endsection