<?php $__env->startSection('header'); ?>
<style>
 body { background-color: #E8E8E8}

.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;
}

.container {
    width:100%;
}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection("content"); ?>
<body bgcolor="#E8E8E8">
<nav class="navbar" role="navigation">
  <div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
      <li class="navbar-left"><a href="<?php echo URL::to('admin/blogger'); ?>">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($blogger->photo,"",['style'=>'width:150px;height:150px']); ?>

        </div>
        <div class="card-info" align="Center">
		<span class="card-title">
    			<h3><?php echo $blogger->name; ?></h3>
		</span>
        </div>
    </div>
    <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">FOLLOWED</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($follows as $follow): ?>
        	    <div class = "follow_img col-sm-2">
                	<?php echo HTML::image($follow->img_path,$follow->user_name,['style'=>'width:80px;height:80px']); ?>

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

        </div>
      </div>
    </div>
</div>
</div>
    <?php $__env->stopSection(); ?>

<?php echo $__env->make('layout.basic', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>