@extends('layouts.app')

@section('content')

<div class="container">
    <div class="row">


    	<div class="col-md-10 col-md-offset-1">
        <h2 style="text-align: center;padding: 15px;">過去七天編輯瀏覽量排名</h2>

                    @foreach ($editors_array as $editor)
                        <div class="col-md-3 panel panel-default" style="padding:0px;min-height: 450px;">
                <div class="panel-heading">1 : {{$editor->name}} </div>
               
                <div class="panel-body">
                <h4>瀏覽量 : {{ $editor->pageviews }} </h4>
                <h4>總篇數 : {{ count($editor->articles) }}</h4>
                <h4>平均每篇 : {{ round(intval($editor->pageviews) / count($editor->articles)) }}</h4>
                <div class="panel-heading">
                    <h4>熱門文章</h4>
                </div>
                <div  >
                                     </div>
      
                       
      </div>




                </div>








            @endforeach










        </div>



        
        




</div>
@endsection


@section("footer")


      <script type="text/javascript">
    $(document).ready(function() {
   $('#editors').DataTable( {
    responsive: true,
     "order": [[ 2, "desc" ]]
} );

$('#editors2').DataTable( {
    responsive: true,
     "order": [[ 2, "desc" ]]
} );






});
    
</script>


@endsection