@extends('layout')
@section('content')
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <div class="widget widget-one">
                            <div class="widget-heading">
                                <h6 class="">Dados</h6>
                                
                            </div>
                            <div class="w-chart">

                                <div class="w-chart-section total-visits-content">
                                    <div class="w-detail">
                                        <p class="w-title">Total de Interações</p>
                                        <p class="w-stats">{{$dados['todos']}}</p>
                                    </div>
                                </div>
                                
                                
                                <div class="w-chart-section paid-visits-content">
                                    <div class="w-detail">
                                        <p class="w-title">Gostos</p>
                                        <p class="w-stats">{{$dados['gostos']}}</p>
                                    </div>
                                </div>

                                <div class="w-chart-section paid-visits-content">
                                    <div class="w-detail">
                                        <p class="w-title">Adoros</p>
                                        <p class="w-stats">{{$dados['adoros']}}</p>
                                    </div>
                                </div>

                                <div class="w-chart-section paid-visits-content">
                                    <div class="w-detail">
                                        <p class="w-title">Incrível</p>
                                        <p class="w-stats">{{$dados['incrivel']}}</p>
                                    </div>
                                </div>

                                <div class="w-chart-section paid-visits-content">
                                    <div class="w-detail">
                                        <p class="w-title">Pode Melhorar</p>
                                        <p class="w-stats">{{$dados['podemelhorar']}}</p>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
                        <div class="widget-content widget-content-area br-6">
                            <table id="html5-extension" class="table table-hover non-hover" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Nº Conta</th>
                                        <th>Reação</th>
                                        <th>Motivo</th>
                                        <th>Data</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($negativos as $negativo)
                                    <tr>
                                        <td>{{$negativo->cliente}}</td>
                                        <td>Pode Melhorar</td>
                                        <td>{{$negativo->motivo}}</td>
                                        <td>{{$negativo->created_at}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

</div>
@endsection