@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="160px">
                                <col width="100px">
                                <col width="140px">
                                <col width="140px">
                                <col width="200px">
                                <col width="200px">
                            </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>
                                <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"><a href="javascript:showModify({0})"><strong>{1}</strong></a></p></td>' +
            '<td><p class="txt14_400">{2}</p></td>' +
            '<td><p class="txt14_400"><a href="javascript:deleteFun({0},\'{4}\')"><strong>{4}</strong></a></p></td>' +
            '<td><p class="txt14_400">{5}</p></td>' +
            '<td><p class="txt14_400">{3}</p></td>' +
            '<td><p class="txt14_400">{7}</p></td>' +
            '<td><p class="txt14_400">{8}</p></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/mm/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('mm/pop?no=')}}' + no, 332, TmsPopClass);
        }


        function deleteFun(no , mode) {
            if ( mode != 'N')return;
            confirmMsg("삭제 하시겠습니까?", function() {
                clsTmsClass.setDataInformation("/mda/api/mm/de", "GET" , {"no": no}, function() {
                    alert("삭제하였습니다.");
                    location.reload(true);
                })
            })
        }

        function showSave() {
            clsTmsClass.tmsPopOrganize('{{url('mm/pop')}}', 332, TmsPopClass);
        }

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

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

@endsection