@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">

        <div class="col-md-10 col-md-offset-1 " style="padding: 0px;">


            <div class="col-md-4 ">
                <div class="panel panel-default">
                    <div class="panel-heading">線上人數</div>
               
                    <div class="panel-body">

                    <h4 class="text-center" style="font-size: 50px;">{{$realtime}}</h4>



                    </div>



                    </div>

            </div>

            <div class="col-md-8 ">
                <div class="panel panel-default">
                    <div class="panel-heading">搜尋總數</div>
               
                    <div class="panel-body">

                    <h4 class="text-center" style="font-size: 50px;">{{$totalTracking}}</h4>



                    </div>



                    </div>

            </div>



                    <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">口碑搜尋排行榜</div>
               
                <div class="panel-body">

<div class="table-responsive"> 
                <table id="example" class="table  table-bordered dt-responsive pre-wrap" cellspacing="0"  >
        <thead>
            <tr>

                <th>關鍵字</th>
                <th>被搜尋次數</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>關鍵字</th>
                <th>被搜尋次數</th>
            </tr>
        </tfoot>
        <tbody>
        @for ($x = 0; $x < count($ranktop100searches); $x++)
             <tr style="width:100%">
                <td>{{ $ranktop100searches[$x]->Keyword }}</td>
                <td>{{ $ranktop100searches[$x]->total }}</td>
            </tr>
        @endfor
           
            
        </tbody>
    </table>
</div>
                </div>
            </div>
        </div>








                    <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">口碑搜尋字詞紀錄</div>
               
                <div class="panel-body">

<div class="table-responsive"> 
                <table id="example3" class="table  table-bordered dt-responsive pre-wrap" cellspacing="0"  >
        <thead>
            <tr>
                <th>IP</th>
                <th>關鍵字</th>
                <th>來自頁面</th>
                <th>時間</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>IP</th>
                <th>關鍵字</th>
                <th>來自頁面</th>
                <th>時間</th>
            </tr>
        </tfoot>
        <tbody>
        @for ($x = 0; $x < count($top100searches); $x++)
             <tr style="width:100%">
                <td>{{ $top100searches[$x]->IP }}</td>
                <td>{{ $top100searches[$x]->Keyword }}</td>
                <td>{{ $top100searches[$x]->FromPage }}</td>
                <td>{{ $top100searches[$x]->created_at }}</td>
            </tr>
        @endfor
           
            
        </tbody>
    </table>
</div>
                </div>
            </div>
        </div>





    </div>
        




            



            




        </div>

        



        





    </div>




</div>
@endsection


@section("footer")







@endsection