@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 class="searchWrap">
            <input type="text" id="search" name="search" class="search" placeholder="검색어를 입력해주세요"  onkeydown="if (event.keyCode == 13) {nSearch();return false;}">
            <button type="button" id="searchBtn" class="searchBtn" onclick="nSearch()">
              <img src="{{asset('images/search_small.svg') }}" alt="검색 icon">
            </button>
          </div>
        </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="location.href='/mda/hm/ct/wr';">등록</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 gLoadCall = 0;
  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">{7}</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 btnGray" onclick="setView({0})">상세 보기</button>' +
										'</td>' +
									'</tr>';
 function setInitData(){
  var stx   = '';
    if (clsUrlSearchParam.get("stx")) {
          document.querySelector("#search").value = clsUrlSearchParam.get("stx");
          stx = clsUrlSearchParam.get("stx");
    }
		var data = {
      "page" : pageNum,
      "stx" : stx
    }

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

      clsListClass.setTmsClass(clsTmsClass);
      clsListClass.setSimpleInit(initJson, setCallBackFnc , ntList, listType ,clsTmsClass);
		} catch (error) {

		}
 }

 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){
          if ( gLoadCall < 1){
              gLoadCall++
              window.setTimeout(setInitData , 500);
          }
        }
    }

  function nSearch(){
    var stx = document.querySelector("#search").value;
    clsUrlSearchParam.set("page", 1);
    clsUrlSearchParam.set("stx", stx);
    location.href = location.pathname + '?' + clsUrlSearchParam.toString();
  }

  function setView(seq){
    location.href='/mda/hm/ct/wr?seq='+seq;
  }

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

@endsection