<?php if(!defined("__ZBXE__")) exit();?>
<!--Meta:modules/counter/tpl/js/counter_admin.js--><?php Context::addJsFile("modules/counter/tpl/js/counter_admin.js", true, ""); ?>
<!--Meta:modules/counter/tpl/css/counter.css--><?php Context::addCSSFile("modules/counter/tpl/css/counter.css", true, "all", ""); ?>

<?php Context::loadJavascriptPlugin("ui.datepicker"); ?>

<script type="text/javascript">
    function moveDate() {
        xGetElementById('fo_calendar').submit();
        return true;
    }
</script>


<h3 class="xeAdmin"><?php @print($__Context->lang->counter);?> <span class="gray"><?php @print($__Context->lang->cmd_management);?></span></h3>

<div class="header4 gap1">

    <form action="./index.php" method="get" id="fo_calendar">
    <input type="hidden" name="module" value="<?php @print($__Context->module);?>" />
    <input type="hidden" name="act" value="<?php @print($__Context->act);?>" />
    <input type="hidden" name="selected_date" id="selected_date" value="<?php @print(zDate('Ymd',$__Context->selected_date));?>" />

    <table cellspacing="0" class="colTable">
    <thead>
    <tr>
        <th scope="row" class="half_wide"><div><?php @print($__Context->lang->total_counter);?></div></th>
        <th scope="row" class="half_wide">
            <div>
                <span id="str_selected_date"><?php @print(zdate($__Context->selected_date, "Y-m-d"));?></span>
<input type="hidden" class="inputDate" value="<?php @print(zdate($__Context->selected_date,'Y-m-d'));?>" />
                <script type="text/javascript">
(function($){
    $(function(){
        var option = {
            changeMonth: true,
            changeYear: true,
            gotoCurrent: false
            ,yearRange:'-100:+10'
            ,showOn:"button"
            ,buttonImage:"./modules/counter/tpl/images/buttonCalendar.gif"
            ,buttonImageOnly:true
            ,mandatory:true
            ,onSelect:function(){
                $("#str_selected_date").html(this.value);
                $("#selected_date").val(this.value.replace(/-/g,''));
                moveDate();
            }
        };

        $.extend(option,$.datepicker.regional['<?php @print($__Context->lang_type);?>']);
        $(".inputDate").datepicker(option);
    });
})(jQuery);
                </script>
            </div>
        </th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td class="number center">Visitor <strong><?php @print(number_format($__Context->total_counter->unique_visitor));?></strong> &nbsp;/&nbsp; Pageview : <strong><?php @print(number_format($__Context->total_counter->pageview));?></strong></td>
        <td class="number center">Visitor : <strong><?php @print(number_format($__Context->selected_day_counter->unique_visitor));?></strong> &nbsp;/&nbsp; Pageview : <strong><?php @print(number_format($__Context->selected_day_counter->pageview));?></strong></td>
    </tr>
    </tbody>
    </table>

    </form>

    <ul class="localNavigation">
        <?php $Context->__idx[0]=0;if(count($__Context->lang->cmd_select_counter_type))  foreach($__Context->lang->cmd_select_counter_type as $__Context->key => $__Context->val){$__Context->__idx[1]=($__Context->__idx[1]+1)%2; $__Context->cycle_idx = $__Context->__idx[1]+1; ?>
        <li <?php  if($__Context->type==$__Context->key || (!$__Context->type && $__Context->key == "hour")){ ?>class="on"<?php  } ?>><a href="<?php @print(getUrl('type',$__Context->key));?>"><?php @print($__Context->val);?></a></li>
        <?php  } ?>
    </ul>
</div>


<!-- 일자를 옮기는 form -->
<form action="./" method="get" id="fo_counter">
    <input type="hidden" name="module" value="<?php @print($__Context->module);?>" />
    <input type="hidden" name="act" value="<?php @print($__Context->act);?>" />
    <input type="hidden" name="selected_date" value="<?php @print($__Context->selected_date);?>" />
</form>


<!-- unique visitor 그래프 -->
<table cellspacing="0" class="rowTable">
<?php $Context->__idx[1]=0;if(count($__Context->detail_status->list))  foreach($__Context->detail_status->list as $__Context->key => $__Context->val){$__Context->__idx[2]=($__Context->__idx[2]+1)%2; $__Context->cycle_idx = $__Context->__idx[2]+1; ?>
    <?php  if($__Context->detail_status->sum>0){ ?>
        <?php @$__Context->percent = sprintf("%0.2f", $__Context->val / $__Context->detail_status->sum * 100 );?>
        <?php @$__Context->img_width = sprintf("%d", $__Context->val / $__Context->detail_status->max * 100 );?>
    <?php  }else{ ?>
        <?php @$__Context->percent = 0;?>
        <?php @$__Context->img_width = 1;?>
    <?php  } ?>
<tr>
    <?php  if(Context::getLangType()=='en'){ ?>
    <th scope="row">
        <div>
        <?php  if($__Context->type == 'year'){ ?>
            <em><?php @print($__Context->key);?></em>
        <?php  }elseif($__Context->type == 'month'){ ?>
            <em><?php @print($__Context->key);?></em>
        <?php  }elseif($__Context->type == 'day'){ ?>
            <em><?php @print($__Context->key);?></em> <?php @print($__Context->lang->unit_day);?>
        <?php  }else{ ?>
            <em><?php @print($__Context->key);?></em>
        <?php  } ?>
        </div>
    </th>
    <?php  }else{ ?>
    <th scope="row">
        <div>
        <?php  if($__Context->type == 'year'){ ?>
            <em><?php @print($__Context->key);?></em> <?php @print($__Context->lang->unit_year);?>
        <?php  }elseif($__Context->type == 'month'){ ?>
            <em><?php @print($__Context->key);?></em> <?php @print($__Context->lang->unit_month);?>
        <?php  }elseif($__Context->type == 'day'){ ?>
            <em><?php @print($__Context->key);?></em> <?php @print($__Context->lang->unit_day);?>
        <?php  }else{ ?>
            <em><?php @print($__Context->key);?></em> <?php @print($__Context->lang->unit_hour);?>
        <?php  } ?>
        </div>
    </th>
    <?php  } ?>
    <td class="wide">
        <?php @$__Context->img_percent = $__Context->img_width-30;?>
        <?php  if($__Context->img_percent<1){ ?>
            <img class="graphHr" style="width:3px;" alt="" src="/modules/counter/tpl/images/iconBar.gif" />
        <?php  }else{ ?>
            <img class="graphHr" style="width:<?php @print($__Context->img_percent);?>%;" alt="" src="/modules/counter/tpl/images/iconBar.gif" />
        <?php  } ?>
        <?php @print(number_format($__Context->val));?>(<?php @print($__Context->percent);?>%)
    </td>
</tr>
<?php  } ?>
</table>