<link type="text/css" rel="stylesheet" href="/css/webht/jquery.suggest.css" />
<link type="text/css" rel="stylesheet" href="/css/webht/jquery-ui-1.10.0.custom.css">
<script src="/js/jquery-ui.min.js?v=1"></script>
<script type="text/javascript" src="/js/jquery.suggest.js"></script>    

<div class="container">
	<div class="row">
		<div class="col-xs-24 btn-lg"></div>
		<div class="col-xs-6 pull-right">
			<legend>月度VALUE排行榜</legend>
			<ul id="rankTab" class="nav nav-tabs" role="tablist">
			  <?php $key=0; foreach ($rank as $r) { ?>
		      	<li role="presentation" class="col-xs-24 nopadding <?php if($key==0) echo 'active'; ?>"><a class="<?php if($key==0) {echo 'text-danger';} ?>" href="#profile<?php echo $key; ?>" role="tab" data-toggle="tab" aria-expanded="<?php if($key==0) {echo 'active';}else{echo 'false';} ?>"><span>No.<?php echo $key+1; ?></span> <?php echo $r->whum_whu_uname; ?><span class="badge pull-right"><?php echo $r->like_count;?> score</span></a></li>
		      <?php
		      	$key++;
		  		} 
		  	  ?>
		      <?php if(empty($rank)) { ?><p>暂无数据</p><?php } ?>
		    </ul>
		    <div class="col-xs-24 btn-lg"></div>
		    <form method="post" action="<?php echo site_url('apps/outlook/index/rank_value'); ?>">
	          <div class="clearfix"></div>
	          <div class="form-group">
	            <input type="text" class="form-control" id="date1" name="from_date" placeholder="起始日期" value="<?php echo $from_date; ?>" autocomplete="off">
	          </div>
	          <div class="form-group">
	            <input type="text" class="form-control" id="date2" name="to_date" placeholder="截止日期" value="<?php echo $to_date; ?>" autocomplete="off">
	          </div>
	          <div class="form-group">
	            <select class="form-control" name="valuetype" id="valuetype">
	              <option value="-">All</option>
	              <option value="team" <?php if($valuetype=='team') echo 'selected';?> >团队协作</option>
	              <option value="chengxin" <?php if($valuetype=='chengxin') echo 'selected';?>>诚信负责</option>
	              <option value="customer" <?php if($valuetype=='customer') echo 'selected';?>>客户满意</option>
	              <option value="discovery" <?php if($valuetype=='discovery') echo 'selected';?>>发现创新</option>
	              <option value="system" <?php if($valuetype=='system') echo 'selected';?>>系统思维</option>
	              <option value="special" <?php if($valuetype=='special') echo 'selected';?>>其他价值观</option>
	            </select>
	          </div>
	          
	          <button type="submit" class="btn btn-danger btn-block" data-loading-text="正在查询..." onclick="$(this).button('loading');">查询</button>
	        </form>
		</div>

		<div class="col-xs-18 nopadding">
		    <div id="rank_mail_tab" class="tab-content">
		      <?php foreach ($rank as $k=>$rk) { ?>
			      <div role="tabpanel" class="tab-pane fade <?php if($k==0) echo 'active in'; ?>" id="profile<?php echo $k; ?>" aria-labelledby="home-tab">
			      <?php foreach ($rank_text[$rk->whum_whu_uname] as $text) { ?>
			      	<div class="col-xs-24 rank_mail_content">
			      		<h3 style="font-size:20px;"><a style="text-decoration: none;" href="<?php echo site_url('apps/outlook/index/like/'.$text->whm_identify.'/comment') ?>"><?php echo $text->whm_subject;?></a></h3>
			      		<?php echo htmlspecialchars_decode($text->whm_content); ?> 
			      	</div>
			      <?php } ?>
			      <div class="col-xs-24 btn-lg"></div>
			      </div>
		      <?php } ?>
		    </div>
		</div>
	</div>
</div>


<script type="text/javascript">
$(document).ready(function(){
  $('#date1,#date2').datepicker({
        inline: true,
        dateFormat: 'mm/dd/yy'
  });
});
</script>