@extends('common.layout')

<link rel="stylesheet" type="text/css" href="{{asset('css/view.css') }}" />
<link rel="stylesheet" type="text/css" href="{{asset('css/ckeditor.css') }}">
<script type="text/javascript" src="{{asset('js/ckeditor.js') }}"></script>

@section('content')
<div class="container">
  <section id="sec01" class="sec01">
    <div class="contWrap">
      <div class="vwContWrap">
        <div class="titleWrap">
          <h2 class="title txt23_700">자주 하는 질문</h2>
        </div>

        <!-- ck editor 스타일 추가 -->
        <div class="viewWrap ck ck-editor">

        </div>

        <div class="btnBox">
            <button id="backBtn" type="button" class="btn01" onclick="history.back()">목록으로</button>
            <button type="button" id="deleteBtn" class="btn01" style="margin-right:12px" onclick="deleteFun()">삭제</button>
            <button type="button" id="modifyBtn" class="btn01 btnBlue" onclick="changeLocation()">수정</button>
        </div>
      </div>
    </div>
  </section>
</div>
<script>
  clsUrlSearchParam.init(location.search);
  clsTmsClass.setSearchParam(clsUrlSearchParam);
  clsListClass.setSearchParamClass(clsUrlSearchParam);

  // 파라미터에서 faqNo가져오기
  var faqNo = clsUrlSearchParam.get('no');



  function setInitData(){
    try {

      clsTmsClass.setDataInformation("/mda/api/faq", "GET", {"faqNo":faqNo}, function(data) {
        var jsonData = JSON.parse(data);
        var faqViewData = jsonData.data;

        var faqViewList = document.createElement("div");
        faqViewList.classList.add("viewList");

        faqViewList.innerHTML = '<div class="viewItem">' +
                                    '<div class="viewTitle txt13_400">구분</div>' +
                                    '<div class="viewVal txt14_400">' + faqViewData.faqType + '</div>' +
                                    '</div>' +
                                    '<div class="viewItem">' +
                                    '<div class="viewTitle txt13_400">제목</div>' +
                                    '<div class="viewVal txt14_400">' + faqViewData.faqTitle + '</div>' +
                                    '</div>' +
                                    '<div class="viewItem">' +
                                    '<div class="viewTitle txt13_400">내용</div>' +
                                    '<div class="viewVal txt14_400_L ck-content">' +
                                        faqViewData.faqContent +
                                    '</div>' +
                                '</div>';

        document.querySelector(".viewWrap").appendChild(faqViewList);
      });


    } catch (error) {
      console.error(error)
    }
  };


  function changeLocation() {
    location.href = "wr?no=" + faqNo
  }


  function deleteFun() {
    confirmMsg("삭제 하시겠습니까?", function() {
      clsTmsClass.setDataInformation("/mda/api/faqs", "POST", {"faqNo": faqNo}, function() {
        location.href="lt"; // 목록으로 이동
      })
    });
  }


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