<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="btn btn-default navbar-left"><a href="<?php echo URL::to('admin/user/account-logout'); ?>">Logout</a></li>
    </ul>
  </div>
</nav>
<hr>

<div class="container" style="background-color:#E8E8E8;">
<div style="background-color:#E8E8E8;">
    <div class="card hovercard">
        <div class="useravatar" align="right">
    		<a href="<?php echo URL::to('admin/front/profile'); ?>"><?php echo HTML::image($account->img_path,"",['style'=>'width:50px;height:50px']); ?></a>
    		<?php echo $account->name; ?>

        </div>
    </div>
    <hr><h4 align="Center">最新文章</h4>
	<hr>
	<?php foreach($articles as $article): ?>
	<?php if($article->isActive): ?>
        <div class=" col-sm-3">
            <div class="panel">
                <div class="panel-heading">
		    <?php echo HTML::image($article->blogger_img,"",['class'=>'[ img-circle pull-left ]','style'=>'width:50px;height:50px']); ?>

                    <h3><?php echo $article->blogger_name; ?></h3>
                    <h5><span><?php echo $article->created_at; ?></span></h5>
		    <a href="<?php echo URL::to('admin/article/like/'.$article->id.'/'.$article->blogger_id); ?>" class="btn btn-info">LIKE</a>
		<!--div class="fb-share-button" id="share" data-href="<?php echo URL::to('admin/article/comment/'.$article->id); ?>" data-layout="button"></div-->
		<button class="btn btn-primary" type="button" onclick="share('<?php echo URL::to('admin/article/comment/'.$article->id); ?>','<?php echo $article->id; ?>','<?php echo $article->blogger_id; ?>');">FB Share</button>
                </div>
                <div class="panel-body">
                    <p><?php echo $article->title; ?> <br>
			<a href="<?php echo URL::to('admin/front/video/'.$article->id); ?>">LOOK全文</a>
	       	    </p>
		<?php echo HTML::image($article->img_path,"",['style'=>'width:220px;height:200px']); ?>

                </div>
            </div>
        </div>
	<?php if($article->id % 3 ==0): ?>
		<br>
	<?php endif; ?>
	<?php endif; ?>
	<?php endforeach; ?>
 
</div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=558716530932928";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

function share(url,article_id,blogger_id) {
  FB.ui({
    method: 'share',
    href: url,
  }, function(response){});
	action = "SHARE";
	location_url = "<?php echo URL::to('admin/article/actions/'); ?>"+'/'+article_id+'/'+action +'/'+ blogger_id;
	window.location.assign(location_url);
}


</script>
</body>
</html>
