{# 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><a href="?t=list">ÈÄ¿øÀÚ</a></li>

                                <li class="active"><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="cms">
                    <div class="container text-center">
                        <h2>ÈÄ¿ø³»¿ª</h2>
                    </div>
                </section><!-- .page-title -->

                <section class="ptb-100"  id="CMS">
                    <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=""><a href="#t3" data-toggle="tab" aria-expanded="false">¿¬°£ÇöȲ</a></li>
                                        <li class=""><a href="#t2" data-toggle="tab" aria-expanded="false">¿À·ù³»¿ª</a></li>
                                        <li class=""><a href="#t4" data-toggle="tab" aria-expanded="false">CMS ÀÌüÀÏ</a></li>
                                    </ul><!-- Tab panes -->
                                        
                                    <div class="tab-content">
                                        {? virtual_acc_no}
                                        <div class="bg-info">
                                            <h4>°¡»ó°èÁ ¾È³»</h4>

                                            <ul>
                                                <li>¿ì¸®ÀºÇà {virtual_acc_no} {virtual_name}</li>
                                            </ul>

                                        </div>
                                        {/}
                                        <div class="tab-pane fade active in" id="t1">
                                            <form class="form-inline">
                                                <div class="form-group ">
                                                    <select class="form-control" id="year">
                                                        {@ yearList}
                                                            <option value="{.year}" {? year == .year}selected{/}>{.year}</option>                                                        
                                                        {/}
                                                    </select> <label>³â</label>
                                                </div>

                                                <div class="form-group">
                                                    <select class="form-control"  id="month">
                                                        {@ monthList}
                                                            <option value="{.month}"  {? month == .month}selected{/}>{.month}</option>                                                        
                                                        {/}
                                                    </select> <label>¿ù</label>
                                                    
                                                </div>
                                                
                                                <button type="button" class="btn btn-primary" id="getCMSBtn" staff_no="{staff_no}">º¸±â</button>
                                            </form>

                                            <div class="table-responsive">
                                                <table class="table table-bordered">
                                                    <caption>
                                                        <div class="text-right" id="summary"></div>
                                                    </caption>
                                                    
                                                    <script id="summaryTpl" type="text/x-handlebars-template">
                                                    ÈÄ¿ø¾× : <span id="supportTotal">{{{'total'}}}</span> ¿ø (<span id="supportNum">{{{'cnt'}}}</span>°Ç)
                                                    </script>
                                                    
                                                    <thead>
                                                        <tr>
                                                            <th>No</th>

                                                            <th>ÈÄ¿øÀÚ¸í</th>

                                                            <th>³â¿ù</th>

                                                            <th>ÈÄ¿øÇüÅÂ</th>

                                                            <th>ÈÄ¿ø¾×</th>

                                                            <th>󸮳¯Â¥</th>

                                                        </tr>
                                                    </thead>

                                                    <tbody id="supportList">

                                                    </tbody>
                                                    
                                                    <script id="supportListTpl" type="text/x-handlebars-template">
                                                        <tr>
                                                            <td><div class="text-center">{{{{'support'}}}}</div></td>

                                                            <td>{{{'name'}}}</td>

                                                            <td><div class="text-center">{{{ 'yymm' }}}</div></td>

                                                            <td><div class="text-center">{{{ 'type' }}}</div></td>

                                                            <td><div class="text-right">{{{ 'money' }}}</div></td>

                                                            <td><div class="text-center">{{{ 'date' }}}</div></td>

                                                        </tr>
                                                    </script>
                                                </table>
                                            </div><!-- /.table-responsive -->
                                        </div>

                                        <div class="tab-pane fade" id="t2">
                                            <form class="form-inline">
                                                <button type="button" class="btn btn-primary" id="cmsErrorBtn" staff_no="{staff_no}">»õ·Î°íħ</button>
                                            </form>

                                            <div class="table-responsive">
                                                <table class="table table-bordered">
                                                    <caption>
                                                        <div class="text-right" id="summary">ÃÖ±Ù¼øÀ¸·Î 50°³ Ç׸ñÀÔ´Ï´Ù.</div>
                                                    </caption>

                                                    <thead>
                                                        <tr>
                                                            <th>³¯Â¥</th>

                                                            <th>À̸§</th>

                                                            <th>ÈÄ¿ø±Ý¾×</th>

                                                            <th>ÈÄ¿øÀÏ</th>

                                                            <th>¿À·ùÀÌÀ¯</th>
                                                        </tr>
                                                    </thead>

                                                    <tbody id="cmsError">
                                                    
                                                    </tbody>
                                                    
                                                    <script id="cmsErrorTpl" type="text/x-handlebars-template">

                                                        <tr>
                                                            <td>{{{ 'date' }}}</td>

                                                            <td>{{{ 'name' }}}</td>

                                                            <td><div class="text-right">{{{ 'cmsmoney' }}}</div></td>

                                                            <td>{{{ 'cmsday' }}}</td>

                                                            <td>{{{ 'error' }}}</td>
                                                        </tr>
                                                    </script>
                                                </table>
                                            </div><!-- /.table-responsive -->
                                        </div>
                                        
                                        <div class="tab-pane fade" id="t3">
                                            <form class="form-inline">
                                                <div class="form-group">
                                                    <select class="form-control" id="year">
                                                        {@ yearList}
                                                            <option value="{.year}" {? year == .year}selected{/}>{.year}</option>                                                        
                                                        {/}
                                                    </select> <label>³â</label>
                                                </div>
                                                
                                                <button type="button" class="btn btn-primary" id="getYearBtn" staff_no="{staff_no}">º¸±â</button>
                                            </form>
                                            <div class="table-responsive">
                                                <table class="table table-bordered">
                                                    <caption>
                                                    
                                                    
                                                    <div class="text-right" id="summary"></div></caption>
                                                    
                                                    <script id="summaryTpl" type="text/x-handlebars-template">
                                                    ÈÄ¿ø¾× : <span id="supportTotal">{{{'total'}}}</span> ¿ø 
                                                    </script>
                                                    
                                                    <thead>
                                                        <tr>
                                                            <th>No</th>
    
                                                            <th>ÈÄ¿øÀÚ¸í</th>
    
                                                            <th>Ƚ¼ö</th>
    
                                                            <th>±Ý¾×</th>
                                                            
                                                            <th>»ó¼¼</th>
    
                                                        </tr>
                                                    </thead>
    
                                                    <tbody id="supportPerYear">
    
                                                    </tbody>
                                                    
                                                    <script id="supportPerYearTpl" type="text/x-handlebars-template">
                                                        <tr>
                                                            <td><div class="text-center">{{{{'support'}}}}</div></td>
    
                                                            <td>{{{'name'}}}</td>
    
                                                            <td><div class="text-center">{{{ 'ct' }}}</div></td>
    
                                                            <td><div class="text-center">{{{ 'tot' }}}</div></td>
                                                            <td><div class="text-center"><button type="button" class="btn btn-primary" id="getDetailBtn" staff_no="{staff_no}" entryno="{{{'entryno'}}}">»ó¼¼</button></div></td>
                                                        </tr>
                                                    </script>
                                                </table>
                                            </div><!-- /.table-responsive -->
                                        
                                    </div>
                                        
                                        <div class="tab-pane fade" id="t4">
                                            <form class="form-inline">
                                                <button type="button" class="btn btn-primary" id="cmsDayBtn" staff_no="{staff_no}">»õ·Î°íħ</button>
                                            </form>
                                            <div class="table-responsive">
                                                <table class="table table-bordered">
                                                    <caption>
                                                    
                                                    
                                                    <div class="text-right" id="summary"></div></caption>
                                                    
                                                    <script id="summaryTpl" type="text/x-handlebars-template">
                                                    ½Åû¾× : <span id="supportTotal">{{{'total'}}}</span> ¿ø 
                                                    </script>
                                                    
                                                    <thead>
                                                        <tr>
                                                            <th>No</th>
    
                                                            <th>ÈÄ¿øÀÚ¸í</th>
    
                                                            <th>Day</th>
    
                                                            <th>±Ý¾×</th>
    
                                                        </tr>
                                                    </thead>
    
                                                    <tbody id="cmsDay">
    
                                                    </tbody>
                                                    
                                                    <script id="cmsDayTpl" type="text/x-handlebars-template">
                                                        <tr>
                                                            <td><div class="text-center">{{{{'support'}}}}</div></td>
    
                                                            <td>{{{'name'}}}</td>
    
                                                            <td><div class="text-center">{{{ 'day' }}}</div></td>
    
                                                            <td><div class="text-center">{{{ 'money' }}}</div></td>
                                                        </tr>
                                                    </script>
                                                </table>
                                            </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}