@extends('layouts.app')

@section('content')

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

    	<div class="col-md-10 col-md-offset-1" style="border:1px solid #666">
    	<h5 style="text-align: left;padding: 15px;">查詢區間 : {{$startdate}} ~ {{$enddate}}</h5>
    		<h2 style="text-align: center;padding: 15px;">{{$queryeditor->name}}</h2>
    		<h4>瀏覽量 : {{ $queryeditor->pageviews }} </h4>
             <h4>總篇數 : {{ count($queryeditor->articles) }}</h4>
              

    	</div>




    	<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 :   </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