@extends('common.layout')

<link rel="stylesheet" type="text/css" href="{{asset('css/list.css')}}" />

@section('content')
<div class="container">
  <section id="sec01" class="sec01">
    <div class="contWrap">
      <div class="listWrap">
        <div class="titleWrap">
          <h2 class="title txt23_700">추천 검색어</h2>
        </div>
        <div class="tableWrap">
          <table>
            <colgroup>
              <col width="100px">
              <col width="*">
              <col width="100px">
              <col width="160px">
              <col width="160px">
              <col width="130px">
            </colgroup>
            <thead>
              <tr>
                <th><p class="txt13_400">번호</p></th>
                <th><p class="txt13_400">추천 검색어</p></th>
                <th><p class="txt13_400">정렬순서</p></th>
                <th><p class="txt13_400">등록일</p></th>
                <th><p class="txt13_400">수정일</p></th>
                <th><p class="txt13_400">관리</p></th>
              </tr>
            </thead>
            <tbody class="tbodyWrap">
            </tbody>
          </table>
        </div>

        <div class="buttonWrap">
          <button id="addBtn" class="btn01 btnBlue" onclick="showSave()">등록</button>
        </div>

        <div class="pageWrap">
          <ul class="pageNum"></ul>
        </div>
      </div>
    </div>
  </section>
</div>
<script>
	clsUrlSearchParam.init(location.search);
    clsTmsClass.setSearchParam(clsUrlSearchParam);
    clsListClass.setSearchParamClass(clsUrlSearchParam);

  var pageNum = 1; // 현재 페이지

	var ntList = '<tr>' +
                    '<td><p class="txt14_400">{listNo}</p></td>' +
                    '<td><p class="txt14_400 textLeft">{1}</p></td>' +
                    '<td><p class="txt14_400">{2}</p></td>' +
                    '<td><p class="txt14_400">{4}</p></td>' +
                    '<td><p class="txt14_400">{5}</p></td>' +
                    '<td>' +
                        '<button id="modifyBtn" type="button" data-id={0} class="btn03" onclick="showModify({0})">수정</button>' +
                        '<button id="deleteBtn" type="button" data-id={0} class="btn03 btnGray" onclick="deleteFun(this);">삭제</button>' +
                    '</td>'+
                '</tr>';

  function setCallBackFnc(json){
    try {
      clsListClass.currentSetData = JSON.parse(json);
      clsListClass.setInitPage(clsListClass.currentSetData.data , '');
      clsListClass.setPaging(clsListClass.pagingTarget, clsListClass.pageClassName);
      clsListClass.getPaging();
      clsListClass.getList(clsListClass.listTarget, clsListClass.currentSetData.data, ntList);
    } catch(e){
      alert('처리 중 오류 발생' + e);
    }
  }

  function setInitData(){
    try {
      var page = clsUrlSearchParam.get("page") ? clsUrlSearchParam.get("page") : 1;

      var  data = {
        "page" : page,
      }

      var  initJson = { "apiUrl" : "/mda/api/rc/lt", "method": "GET", "data" : data }
      var  listType = { "type": "pull", "listCount": 10 }

      clsListClass.setTmsClass(clsTmsClass);
      clsListClass.setSimpleInit(initJson, setCallBackFnc , ntList, listType ,clsTmsClass);

      if (document.querySelector(".tbodyWrap").children.length < 1) {
        var tdLength = document.querySelectorAll("thead tr th").length;
        document.querySelector(".tbodyWrap").innerHTML ="<tr><td colspan='"+tdLength+"'><p class='txt14_400'>데이터가 없습니다.</p></td></tr>";
      }
    } catch (error) {
      console.error(error)
    }
  };


  function showModify(no) {
    clsTmsClass.tmsPopOrganize('{{url('hm/rc/rcpop?no=')}}' + no, 332, TmsPopClass);
  }


  function deleteFun(item) {
    let no = item.dataset.id;
    confirmMsg("삭제 하시겠습니까?", function() {
      clsTmsClass.setDataInformation("/mda/api/rc/de", "GET" , {"no": no}, function() {
        alert("삭제하였습니다.");
        location.reload(true);
      })
    })
  }

  function showSave() {
    clsTmsClass.tmsPopOrganize('{{url('hm/rc/rcpop')}}', 332, TmsPopClass);
  }

  // 팝업 닫기
  // function popCloseFnc() {
  //   tmsList.popClose();
  // }

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

@endsection