@php($countUser=0)
    @php($countLogs=0)
    @php($countViews=0)
    
    <div class="row" id="rowDet">
        <h2 id="nadpis">Aktivity uživatele</h2>    
        <br>
    </div>   
    
    <div>   
        <i>Poslední 20 aktivit uživatele</i> 
    </div>   
   <div class="styleTable">  
    <div class="table-responsive">
    <table class="table table-sm">
        <thead>
            <tr>
                <th>Datum akce</th>
                <th>Počet zobrazení</th>
                <th>Čas</th>    
                <th>Spuštěná akce</th>    
                <th></th>    
            </tr>
        </thead>
    <tbody>
        
        @foreach ($dataTable as $tabItem)
        @php($i=0)
        <tr>
            <td>{{ date('d.m.Y',strtotime( $tabItem['datum'] )) }}</td>
            <td>{{$tabItem['views']}}</td>
            <td></td>
            <td></td>
            <td id="plus" data="{{$tabItem['datum']}}"> 
                <i id="info" class="fa fa-plus-circle" aria-hidden="true"></i>
            </td>
            
        </tr>  
            @php($countUser = $countUser + 1)
        @foreach($tabItem['detail'] as $detail)
            <tr id="{{$tabItem['datum']}}" class ="next">
                <td></td>
                <td></td>
                <td>{{ date('h.i.s',strtotime($detail->created_at)) }}</td>
                <td>{{$detail->action}}</td>
                <td></td>
            </tr>
        @endforeach
        @endforeach
        
        
    </tbody>
    </table>
    </div>
</div>
    
        
<script type="text/javascript">
  $(document).ready(function(){
    
    $("tr.next").hide();

    $('td[id^=plus]').click(function(){
        $("tr.next").hide();
        if($(this).children("i").attr("class")=="fa fa-minus-circle"){
            $(this).children("i").attr("class","fa fa-plus-circle")
            //$("i").attr("class","fa fa-plus-circle");
        }else{
            $("td i").attr("class","fa fa-plus-circle");
            $(this).children("i").attr("class","fa fa-minus-circle");
            var idZobraz = $(this).attr("data");
            $("tr.next").each(function(){
                if($(this).attr("id") == idZobraz){
                  $(this).show();
                }
            });
        }
    });
    
  });    
</script>