{# header}


    <div id="main-wrapper">
        <!-- Page Preloader -->

        <div id="preloader">
            <div id="status">
                <div class="status-mes"></div>
            </div>
        </div>

        <div class="uc-mobile-menu-pusher">
            <div class="content-wrapper">
                <nav class="navbar m-menu navbar-default navbar-fixed-top">
                    <div class="container">
                        <!-- Brand and toggle get grouped for better mobile display -->

                         <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1"><i class="fa fa-bars" aria-hidden="true"></i></button>   
                        </div><!-- Collect the nav links, forms, and other content for toggling -->

                        <div class="collapse navbar-collapse" id="#navbar-collapse-1">
                            <ul class="nav navbar-nav navbar-right main-nav">
                                <li class="active"><a href="?t=list">ÈÄ¿øÀÚ</a></li>

                                <li><a href="?t=cms">ÈÄ¿ø³»¿ª</a></li>

                                <li><a href="?t=pwork">»ç¿ªºñ</a></li>

                                <li><a href="?t=support">ÈÄ¿ø±Ý</a></li>

                                <li><a href="?t=staff">°£»ç</a></li>
                                
                                <li><a href="?t=logout">{SEname} <i class="fa fa-sign-out fa-lg" aria-hidden="true"></i></a></li>
                            </ul>
                        </div><!-- .navbar-collapse -->
                    </div><!-- .container -->
                </nav><!-- .nav -->

                <section class="single-page-title" id="first">
                    <div class="container text-center">
                        <h2>ÈÄ¿øÀÚ</h2>
                       
                    </div>

                </section><!-- .page-title -->

                <section class="ptb-100" >
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12 col-sm-12 tabOne">
                                <div role="tabpanel">
                                    <!-- Nav tabs -->

                                    <ul id="tabOne" class="nav nav-tabs nav-justified">
                                        <!-- 
                                        <li class="active"><a href="#t1" data-toggle="tab" aria-expanded="true">ÈÄ¿øÀÚ ¸ñ·Ï</a></li>
                                        -->
                                        <li class="active"><a href="#t2" data-toggle="tab" aria-expanded="false">ÈÄ¿øÀÚ Á¤º¸</a></li>
                                        <li class=""><a href="#t3" data-toggle="tab" aria-expanded="false">±×·ì</a></li>
                                    </ul><!-- Tab panes -->

                                    <div class="tab-content" id="LIST">
                                        <div class="tab-pane fade  in" id="t1">
                                            <div class="table-responsive">
                                            <input type="hidden" name="staff_no" id="staff_no" value="{staff_no}">
                                                <table class="table table-bordered table-striped">
                                                    <thead>
                                                        <tr>
                                                            <th>No</th>

                                                            <th>À̸§</th>

                                                            <th>ÈÄ¿ø¹øÈ£</th>

                                                            <th><div  data-toggle="tooltip" data-placement="top" title="CCCÆíÁö">C</div></th>

                                                            <th><div  data-toggle="tooltip" data-placement="top" title="±âµµÆíÁö">L</div></th>

                                                            <th><div  data-toggle="tooltip" data-placement="top" title="dz¼ºÇÑ»î">Q</div></th>

                                                            <th>ÁÖ¼Ò</th>

                                                            <th>À̵¿Åë½Å</th>

                                                            <th>ÀüÈ­</th>
                                                        </tr>
                                                    </thead>

                                                    <tbody>
                                                        
                                                        {@supporterList}
                                                        <tr>
                                                            <th scope="row">{.support}</th>

                                                            <td>{.name}</td>

                                                            <td>{.entryno}</td>

                                                            <td>
                                                                <input type="checkbox" name="reqCCC" id="reqCCC" {? .ccc == "T"}checked{/}>
                                                                
                                                            </td>

                                                            <td>                                                              
                                                                <input type="checkbox" name="reqCCC" id="reqLetter" {? .letter == "T"}checked{/}>
                                                            </td>

                                                            <td>
                                                                <input type="checkbox" name="reqQT" id="reqQT" {? .qt == "T"}checked{/}>
                                                            </td>

                                                            <td>{.addr}</td>

                                                            <td>{.hp}</td>

                                                            <td>{.tel}</td>
                                                        </tr>
                                                       {/}
                                                    
                                                    </tbody>
                                                </table>
                                            </div><!-- /.table-responsive -->
                                        </div>

                                        <div class="tab-pane active in fade" id="t2">
                                            <div class="col-md-8">
                                                <form class="form-horizontal">
                                                    <div class="form-group">
                                                        <label for="name" class="col-sm-2 control-label">À̸§</label>

                                                        <div class="col-sm-7">
                                                        <select class="form-control" id="sl">
                                                            <option value="">:: ÈÄ¿øÀÚ ¼±Åà :: </option>
                                                        </select>                                            
                                                
                                                        <script  id="slTpl" type="text/x-handlebars-template">
                                                           <option value="{{{ 'entryno' }}}">[{{{ 'support' }}} {{{ 'entryno' }}}] {{{ 'name' }}} </option>
                                                        </script>
                                                        </div>
                                                
                                                        
                                                    </div>
                                                    
                                                        <div class="form-group">
                                                            <label for="group" class="col-sm-2 control-label">°íÀ¯¹øÈ£</label>

                                                            <div class="col-sm-10" id="entryno"></div>
                                                        </div>
    
                                                        <div class="form-group">
                                                            <label for="group" class="col-sm-2 control-label">±×·ì</label>
    
                                                            <div class="col-sm-10 col-sm-10" id="group">
                                                                <div id="groupList" >
                                                                    
                                                                    
                                                                </div>
                                                                
                                                                <script  id="groupListTpl" type="text/x-handlebars-template">
                                                                        <label  class="checkbox-inline">
                                                                            <input type="checkbox" value="{{{ 'no' }}}" name="group" id="gr{{{'no'}}}"> {{{ 'name' }}}
                                                                        </label>
                                                              
                                                                
                                                                </script>
                                                            </div>
                                                        
                                                        
                                                        
                                                        
                                                    </div>
                                                    
                                                        <div class="form-group">
                                                            <label for="group" class="col-sm-2 control-label"></label>
                                                         
                                                               <div class="row">
                                                            <div class="col-sm-4 col-xs-8" id="group">
                                                                <input type="text" class="form-control" placeholder="¶Ç´Â »õ·Î »ý¼ºÇÒ ±×·ì¸í ÀÔ·Â" id="groupName">
                                                            </div>
                                                            <button type="button" class="btn btn-default col-md-3 col-xs-4" id="createGroupBtn">±×·ì»ý¼º</button></div>
                                                            
                                                        </div>
                                                    
    
                                                        <div class="form-group">
                                                        <label for="searchZip" class="col-sm-2 control-label">ÁÖ¼Ò</label>

                                                        <div class="col-sm-10">
                                                            <div class="row">
                                                                <div class="col-sm-5 col-xs-8">
                                                                    <input class="form-control" type="text" placeholder="¿ìÆí¹øÈ£" name="receiptZip" id="receiptZip" readonly>
                                                                </div><button class="btn btn-default col-md-2 col-xs-4" name="searchZip" type="button" id="searchZip" zipcode='receiptZip' addr='receiptAddr'>°Ë»ö</button>

                                                                <div class="col-sm-12">
                                                                    <input class="form-control" type="text" placeholder="" name="receiptAddr" id="receiptAddr">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
    
                                                        <div class="form-group">
                                                        <label for="email" class="col-sm-2 control-label">ÀüÀÚ¿ìÆí</label>

                                                        <div class="col-sm-10">
                                                            <input type="text" class="form-control" name="email" id="email">
                                                        </div>
                                                    </div>
    
                                                        <div class="form-group">
                                                        <label for="tel" class="col-sm-2 control-label">ÁýÀüÈ­</label>

                                                        <div class="col-sm-7">
                                                            <input type="number" class="form-control" name="tel" id="tel">
                                                        </div>
                                                        <div class="col-sm-3">
                                                            ¼ýÀÚ¸¸ ÀÔ·ÂÇØÁÖ¼¼¿ä
                                                        </div>
                                                    </div>
    
                                                        <div class="form-group">
                                                        <label for="hp1" class="col-sm-2 control-label">À̵¿Åë½Å</label>

                                                        <div class="col-sm-3">
                                                            <input type="number" class="form-control" name="hp1" id="hp1" max="5"> 
                                                        </div>
                                                        <div class="col-sm-3">
                                                            <input type="number" class="form-control" name="hp2" id="hp2" size="5">
                                                        </div>
                                                        <div class="col-sm-3">
                                                            <input type="number" class="form-control" name="hp3" id="hp3" size="5"> 
                                                        </div>
                                                    </div>
    
                                                    <div class="form-group">
                                                        <label for="cmsday" class="col-sm-2 control-label">Ãß°¡±â´É</label>

                                                        
                                                        <label  class="checkbox-inline">
                                                            <input type="checkbox" value="true" name="ccc" id="ccc"> ¿ù°£Áö
                                                        </label>
                                                        <label  class="checkbox-inline">
                                                            <input type="checkbox" value="true" name="letter" id="letter"> ±âµµÆíÁö
                                                        </label>
                                                        <label  class="checkbox-inline">
                                                            <input type="checkbox" value="true" name="qt" id="qt"> QT
                                                        </label>
                                                        

                                                        
                                                    </div>
                                                    
    
                                                    <div class="form-group">
                                                        <label for="chk" class="col-sm-2 control-label">¿µ¼öÁõ ¹ß¼Û</label>

                                                        <div class="col-sm-5">
                                                            <select class="form-control" name="receipt" id="receipt">
                                                                <option value="9">
                                                                    ¹Ì¹ß¼Û
                                                                </option>

                                                                <option value="E">
                                                                    KakaoÅå
                                                                </option>

                                                                <!--
	                                                                <option value="T">
                                                                    ¿¬¸»Á¤»ê¿µ¼öÁõ¸¸
                                                                </option>
                                                                -->
                                                                
                                                                <option value="S">
                                                                    ¿ìÆí
                                                                </option>
                                                            </select>
                                                        </div>
                                                    </div>
    
                                                    <div class="form-group">
                                                        <label for="cmsday" class="col-sm-2 control-label">CMSÀÏ</label>

                                                        <div class="col-sm-2">
                                                            <input type="text" class="form-control" name="cmsday" id="cmsday" readonly>
                                                        </div>

                                                        <div class="col-sm-8">
                                                            ÀÏ
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="form-group">
                                                        <label for="cmsday" class="col-sm-2 control-label">ÈÄ¿ø±Ý</label>

                                                        <div class="col-sm-2">
                                                            <input type="text" class="form-control" name="cmsmoney" id="cmsmoney" readonly>
                                                        </div>

                                                        <div class="col-sm-8">
                                                            ÀÏ
                                                        </div>
                                                    </div>
    
                                                    <div class="form-group">
                                                        <label for="memo" class="col-sm-2 control-label">°³Àθ޸ð</label>

                                                        <div class="col-sm-10">

                                                                <input type="text" name="memosubject" id="memoSubject"  class="form-control" placeholder="¸Þ¸ðÁ¦¸ñ">
                                                                <input type="text" class="form-control" rows="1" name="memoContent" id="memoContent" placeholder="¸Þ¸ð³»¿ë">
                                                                <div class="text-right">
                                                                <button class="btn btn-success" type="button" name="registerMemoBtn" id="registerMemoBtn">¸Þ¸ð µî·Ï µî·Ï</button>
                                                                </div>

                                                        </div>
                                                        <label for="memo" class="col-sm-2 control-label"></label>
                                                        <div class="col-sm-10">
                                                            <textarea class="form-control" rows="4" name="memo" id="memo" readonly></textarea>
                                                        </div>
                                                    </div>
                                                    <!--    
                                                    <div class="form-group">
                                                        <label for="" class="col-sm-2 control-label">ÈÄ¿øȸ¸Þ¸ð</label>

                                                        <div class="col-sm-10" id="memo">
                                                            
                                                            <textarea class="form-control" rows="4" name="smemo" id="smemo" readonly></textarea>
                                                            
                                                            
                                                        </div>
                                                    </div>
                                                       --> 
                                                    <div class="form-group">
                                                        <label for="supportDel" class="col-sm-2 control-label"></label>

                                                        <div class="col-sm-10 text-center" align="center">
                                                            <button class="btn btn-success col-sm-12" type="button" name="supportSave" id="supportSave">ÀúÀå</button>
                                                        <br><br>
                                                            <button class="btn btn-danger col-sm-12" type="button" name="supportDel" id="supportDel">»èÁ¦</button>
                                                        </div>
                                                    </div>
                                                    

                                                </form>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="col-sm-12">
                                                    <button class="btn btn-danger col-sm-12" type="button" name="registerSupporterBtn" id="registerSupporterBtn">½Å±Ô ÈÄ¿øÀÚ µî·Ï</button>

                                                     <!--
                                                     <button type="button" class="btn btn-success col-md-12 col-xs-12" id="supportModalBtn">ÈÄ¿øÀÚ¸ñ·Ï</button>
                                                     -->
                                                </div>
                                               
                                                
                                                <br>
                                                <br>
                                                <h5><span id="cyear"> ÈÄ¿ø³»¿ª</span></h5>
                                                <table class="table" id="cyearSupport">
                                                    <thead>
                                                        <tr>
                                                            <th class="text-center">³¯Â¥</th><th>ÇüÅÂ</th><th>ÈÄ¿ø±Ý¾×</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    
                                                    </tbody>
                                                    <script  id="cyearSupportTpl" type="text/x-handlebars-template">
                                                        <tr>
                                                            <td>{{{ 'date' }}}</td>
                                                            <td>{{{ 'type' }}}</td>
                                                            <td><div class="text-right">{{{ 'money' }}}</div></td>
                                                        </tr>

                                                    </script>
                                                </table>
                                            
                                                <h5><span id="byear"> ÈÄ¿ø³»¿ª </span></h5>
                                                <table class="table" id="byearSupport">
                                                    <thead>
                                                        <tr>
                                                            <th>³¯Â¥</th><th>ÇüÅÂ</th><th>ÈÄ¿ø±Ý¾×</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        
                                                    </tbody>
                                                    <script  id="byearSupportTpl" type="text/x-handlebars-template">
                                                        <tr>
                                                            <td>{{{ 'date' }}}</td>
                                                            <td>{{{ 'type' }}}</td>
                                                            <td><div class="text-right">{{{ 'money' }}}</div></td>
                                                        </tr>
                                                    </script>
                                                </table>
                                                
                                                
                                                
                                                <h5>CMS ¿À·ù(ÃÖ±Ù 20°³¼ø) <a href='?t=cms#t2'><i class="fa fa-link" aria-hidden="true"></i></a></h5>
                                                <table class="table" id="supportError">
                                                    <thead>
                                                        <tr>
                                                            <th>³¯Â¥</th><th>ÇüÅÂ</th><th>ÈÄ¿ø±Ý¾×</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    
                                                    </tbody>
                                                    <script  id="supportErrorTpl" type="text/x-handlebars-template">
                                                        <tr>
                                                            <td>{{{ 'date' }}}</td>
                                                            <td>{{{ 'name' }}}</td>
                                                            <td>{{{ 'error' }}}</td>
                                                        </tr>
                                                    </script>
                                                </table>
                                                
                                                
                                            </div>
                                        </div>
                                        
                                        <div class="tab-pane fade" id="t3">
                                        
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <div class="col-sm-7">
                                                        <input type="text" name="newGroup" id="newGroup" placeholder="»õ±×·ì¸í" class="form-control">
                                                    </div>

                                                    <div class="col-sm-5 text-center" align="center">
                                                        <button class="btn btn-success" type="button" name="createGroupBtn" id="createGroupBtn">±×·ìÀúÀå</button>
                                                    
                                                    </div>
                                                </div>
                                                    
                                                
                                                <table class="table">
                                                <caption><h4>Àüü ±×·ì</h4></caption>
                                                    <thead>
                                                        <tr>
                                                            <th><div align="center"> ±×·ì¸í</div></th>
                                                            <th><div align="center"> ÈÄ¿øÀÚ¼ö</div></th>
                                                            <th><div align="center"> »èÁ¦</div></th>
                                                            
                                                        </tr>
                                                    </thead>
                                                    <tbody  id="groupList">
                                                    
                                                    </tbody>
                                                    <script  id="groupListTpl2" type="text/x-handlebars-template">
                                                        <tr name="{{{ 'name' }}}" groupNo="{{{ 'no' }}}">
                                                           <td><div align="center">
                                                                <input type="text" value="{{{ 'name' }}}" class="form-control groupNameChange" orig="{{{ 'name' }}}"  groupNo="{{{ 'no' }}}"> 
                                                            </div></td>
                                                           <td><div align="center"> {{{ 'ct' }}}</div></td>
                                                           <td>
                                                               
                                                               <span class="fa-stack fa-lg groupDelete"  groupNo="{{{ 'no' }}}">
                                                                  <i class="fa fa-square-o fa-stack-2x"></i>
                                                                  <i class="fa fa-trash fa-stack-1x"></i>
                                                                </span>
                                                               
                                                           </td>
                                                        </tr>
                                                    </script>
                                                
                                                </table>
                                            
                                            </div>
                                            <div class="col-md-4">
                                                <h3>±×·ì¸í</h3>
                                                <table class="table">
                                                    <caption><h4>±×·ì¿¡ ¼ÓÇÑ ÈÄ¿øÀÚ</h4></caption>
                                                    <colgroup>
                                                        
                                                        <col width="30%" />
                                                        <col width="60%" />
                                                        <col width="10%" />
                                                    </colgroup>
                                                    <thead>
                                                        <tr>
                                                            
                                                            <th><div align="center"> ÈÄ¿øÀÚ¸í</div></th>
                                                            <th><div align="center"> À̵¿Åë½Å</div></th>
                                                            <th><div align="center"> </div></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody  id="inGroup">
                                                    
                                                    </tbody>
                                                    <script  id="inGroupTpl" type="text/x-handlebars-template">
                                                        <tr class="in"  groupNo="{{{ 'groupNo' }}}">
                                                           <td><div align="center"> {{{ 'name' }}} </div></td>
                                                           <td><div align="center"> {{{ 'hp' }}} </div></td>
                                                           <td><div align="center" entryno="{{{ 'entryno' }}}" groupNo="{{{ 'groupNo' }}}" class="outGroupBtn"> 
                                                                <i class="fa fa-arrow-right" aria-hidden="true" ></i>
                                                            </div></td>
                                                        </tr>
                                                    </script>
                                                
                                                </table>
                                            </div>
                                            <div class="col-md-4">
                                                <h3>±×·ì¸í</h3>
                                                <table class="table">
                                                    <caption><h4>±×·ì¿¡ ¼ÓÇÏÁö ¾ÊÀº ÈÄ¿øÀÚ</h4></caption>
                                                    <colgroup>
                                                        <col width="10%" />
                                                        <col width="30%" />
                                                        <col width="60%" />
                                                    </colgroup>
                                                    <thead>
                                                        <tr>
                                                            <th><div align="center"> </div></th>
                                                            <th><div align="center"> ÈÄ¿ø¹øÈ£</div></th>
                                                            <th><div align="center"> ÈÄ¿øÀÚ¸í</div></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody  id="outGroup">
                                                    
                                                    </tbody>
                                                    <script  id="outGroupTpl" type="text/x-handlebars-template">
                                                        <tr  class="out"  groupNo="{{{ 'groupNo' }}}">
                                                           <td><div align="center"  entryno="{{{ 'entryno' }}}" groupNo="{{{ 'groupNo' }}}" class="inGroupBtn"> 
                                                                <i class="fa fa-arrow-left" aria-hidden="true"></i>
                                                            </div></td>
                                                           <td><div align="center"> {{{ 'name' }}} </div></td>
                                                           <td><div align="center"> {{{ 'hp' }}}</div></td>
                                                        </tr>
                                                    </script>
                                                
                                                </table>
                                            </div>
                                            
                                        
                                        
                                        
                                        </div>
                                        
                                    </div>
                                </div><!--.tabpanel-->
                            </div>
                        </div><!-- /.row -->
                    </div>
                </section><!-- .about-text-->
            </div><!-- .content-wrapper -->
        </div><!-- .offcanvas-pusher -->

        <div class="uc-mobile-menu uc-mobile-menu-effect">
            <button type="button" class="close" aria-hidden="true" data-toggle="offcanvas" id="uc-mobile-menu-close-btn">&times;</button>

            <div>
                <div>
                    <ul id="menu">                        

                        <li><a href="?t=list">ÈÄ¿øÀÚ</a></li>

                                <li><a href="?t=cms">ÈÄ¿ø³»¿ª</a></li>

                                <li><a href="?t=pwork">»ç¿ªºñ</a></li>

                                <li><a href="?t=support">ÈÄ¿ø±Ý</a></li>

                                <li><a href="?t=staff">°£»ç</a></li>

                                <li><a href="?t=logout">·Î±×¾Æ¿ô</li>
                    </ul>
                </div>
            </div>
        </div>
        
       
      
     
     <!-- .uc-mobile-menu -->
    </div><!-- #main-wrapper -->
    
    {# modal}   
    {# footer}