<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <!--[if lte IE 8]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <title><?php echo trans("Myadmin::layout.title"); ?> - 後台管理</title>
        <link rel="stylesheet" href="<?php echo App::make("myadmin")->asset('/bootstrap/css/bootstrap.min.css'); ?>" type="text/css" media="screen" charset="utf-8">
        <link rel="stylesheet" type="text/css" title="Style" href="<?php echo App::make("myadmin")->asset('jquery-ui/jquery-ui.css'); ?>"/>
        <link rel="stylesheet" type="text/css" title="Style" href="<?php echo App::make("myadmin")->asset('css/basic.css'); ?>"/>
        <script src="<?php echo App::make("myadmin")->asset('js/jquery.min.js'); ?>" type="text/javascript" charset="utf-8">
        </script>
        <script src="<?php echo App::make("myadmin")->asset('js/common-method.js'); ?>" type="text/javascript" charset="utf-8">
        </script>
        <script src="<?php echo App::make("myadmin")->asset('/jquery-ui/jquery-ui.js'); ?>"></script>
        </script>
        <script src="<?php echo App::make("myadmin")->asset('/bootstrap/js/bootstrap.min.js'); ?>" type="text/javascript" charset="utf-8">
        </script>
<style>

 body { background-color: #E8E8E8}

.navbar-nav > li > a, .navbar-brand {
    padding-top:5px !important; 
    padding-bottom:0 !important;
    height: 30px;
}
.navbar {min-height:20px !important;}
.navbar-brand
{
    background-color: #FFFFFF;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    margin: auto;
}
.card.hovercard .useravatar img {
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 0.5);
}
.follow_img img {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 0px solid rgba(0, 0, 0, 0.5);
}
.FB_button
{
    background: url(http://www.mitasu.com.tw/wp-content/uploads/2015/04/fb_icon.png) no-repeat;
    cursor:pointer;
    border: none;
}
.IG_button
{
    background: url(https://pbs.twimg.com/profile_images/1550954462/instagramIcon_normal.png) no-repeat;
    cursor:pointer;
    border: none;
}

.panel-heading > img { 
    margin-right: 15px;
}
.panel-heading > h3 {
    margin: 0px;
    font-size: 20px;
    font-weight: 700;
}
.panel-heading > h5 {
    color: rgb(153, 153, 153);
    font-size: 12px;
    font-weight: 400;
}
</style>
</head>

<body bgcolor="#E8E8E8">
<nav class="navbar" role="navigation">
  <div class="navbar-header">
	<a class="navbar-brand" href="#">LOOKNOW</a>
  </div>
  <div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
      <li class="navbar-left"><a href="<?php echo URL::to('admin/'); ?>">back</a></li>
    </ul>
  </div>
</nav>
<hr>

<div class="container" style="background-color:#E8E8E8;">
<div style="background-color:#E8E8E8;">
    <div class="card hovercard">
        <div class="card-background">
            <!--img class="card-bkimg" alt="" src="http://lorempixel.com/100/100/people/9/"-->
		&nbsp;
        </div>
        <div class="useravatar" align="Center" style="">
    		<?php echo HTML::image($user->img_path,"",['style'=>'width:150px;height:150px']); ?>

        </div>
        <div class="card-info" align="Center">
		<span class="card-title">
    			<h3><?php echo $user->name; ?></h3>
		</span>
        </div>
    </div>
<?php /*    <div class="col-sm-12" align="Center" style="background-color:#E8E8E8;">
        <div>
            <button type="button" id="following" class="btn btn-default">
                <div class="hidden-xs">+ FOLLOW<span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
            </button>
        </div>
        <div>
                &nbsp;
        </div>
        <div>
        	<h5><?php echo $blogger->follow_num; ?>人追蹤 &nbsp; | &nbsp; <?php echo $blogger->like_num; ?> LIKES</h5>
        </div>
        <div>
                &nbsp;
        </div>
        <div>
                <p><?php echo $blogger->description; ?><p>
        </div>
        <div>
		<input class="FB_button" type="button"  style="width:50px;height:50px;">
		<input class="IG_button" type="button"  style="width:50px;height:50px;">
        </div>
        <div>
                &nbsp;
        </div>
    </div>*/ ?>
    <div>
	<label class="control-label"> &nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-user" aria-hidden="true">FOLLOWING</label>
    </div>
    <div class="well" style="background-color:#E8E8E8;">
      <div class="tab-content">
        <div class="tab-pane fade in active" id="tab1" style="background-color:#FFFFFF;">
	    <table class="table table-bordered">
	            <?php foreach($bloggers as $blogger): ?>
        	    <div class = "follow_img col-sm-2">
                	<a href="<?php echo URL::to('home/follow/'.$blogger->id); ?>">
			<?php echo HTML::image($blogger->photo,$blogger->name,['style'=>'width:80px;height:80px']); ?>

			</a>
	            </div>
        	    <?php endforeach; ?>
	    </table> 

        </div>
      </div>
    </div>
   
    <hr><h4 align="Center">追蹤文章</h4>
	<hr>
        <div class=" col-sm-3">
            <div class="panel">
                <div class="panel-heading">
                    <img class="[ img-circle pull-left ]" src="https://graph.facebook.com/1167444263269797/picture/" alt="Mouse0270" />
                    <h3>Bee</h3>
                    <h5><span>2015/07/16</span> </h5>
                </div>
                <div class="panel-body">
                    <p>防曬程序......</p>
               <img style="width:220px;height:200px;" src="http://rack.3.mshcdn.com/media/ZgkyMDEzLzA0LzMwLzFlL2NvZGluZ2Z1dHVyLmQ1MzY5LmpwZwpwCXRodW1iCTk1MHg1MzQjCmUJanBn/fce2cac8/a4d/coding-future.jpg" />
                </div>
            </div>
        </div>
	
 
</div>
</div>
</body>
</html>
