@extends('layout.layout')


@section('section_title') {{ $section_title }} @endsection

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/jquery.fullcalendar/fullcalendar.min.css') }}"/>

    <link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/summernote/summernote-bs4.css')}}"/>
    <link rel="stylesheet" type="text/css"
          href="{{ asset('assets/lib/datepicker/css/bootstrap-datepicker3.css') }}"/>
    <style>
        .select2-selection__rendered {
            font-size: 12px;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered {
            min-height: 1em !important;
        }
    </style>

@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <h1>Bem vindo!</h1>
        </div>
        @if(\Auth::user()->isAdmin())
            @foreach($clientes as $cliente)
            <div class="col-md-12">
                <div class="card">
                    <h4 class="card-header">{{$cliente->nome}}</h4>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                    <tr>
                                        <th></th>
                                        @foreach($cliente->visitas as $visitas)
                                        <th class="text-center">{{date('d/m', strtotime($visitas->data))}}</th>
                                        @endforeach
                                        <th class="text-center" style="background-color: #e9e9e9">Total</th>
                                    </tr>
                                    </thead>


                                <tbody>
                                    <tr>
                                        @php
                                            $anuncios = 0;
                                        @endphp
                                        <td>Visitas em Anuncios</td>
                                        @foreach($cliente->visitas as $visitas)
                                            @php
                                                $anuncios = $visitas->anuncios + $anuncios;
                                            @endphp
                                            <td class="text-center">{{$visitas->anuncios}}</td>
                                        @endforeach
                                        <td class="text-center" style="background-color: #e9e9e9">{{ $anuncios }}</td>
                                    </tr>
                                    <tr>
                                        @php
                                            $telefone = 0;
                                        @endphp
                                        <td>Telefone visto</td>
                                        @foreach($cliente->visitas as $visitas)
                                            @php
                                                $telefone = $visitas->telefone + $telefone;
                                            @endphp
                                            <td class="text-center">{{$visitas->telefone}}</td>
                                        @endforeach
                                        <td class="text-center" style="background-color: #e9e9e9">{{ $telefone }}</td>
                                    </tr>
                                    <tr>
                                        @php
                                            $whatsapp = 0;
                                        @endphp
                                        <td>Whatsapp visto</td>
                                        @foreach($cliente->visitas as $visitas)
                                            @php
                                                $whatsapp = $visitas->whatsapp + $whatsapp;
                                            @endphp
                                            <td class="text-center">{{$visitas->whatsapp}}</td>
                                        @endforeach
                                        <td class="text-center" style="background-color: #e9e9e9">{{ $whatsapp }}</td>
                                    </tr>
                                    <tr>
                                        <td>Mensagens recebidas</td>
                                        @php
                                            $mensagens = 0;
                                        @endphp
                                        @foreach($cliente->visitas as $visitas)
                                            @php
                                                $mensagens = $visitas->mensagens + $mensagens;
                                            @endphp
                                            <td class="text-center">{{$visitas->mensagens}}</td>
                                        @endforeach
                                        <td class="text-center" style="background-color: #e9e9e9">{{ $mensagens }}</td>
                                    </tr>
                                </tbody>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <canvas id="chart_{{$cliente->id}}" width="400" height="100"></canvas>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            @endforeach
        @endif
    </div>
@endsection
@section('javascript')
    <script src="{{ asset('assets/lib/jquery-ui/jquery-ui.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/lib/moment.js/moment.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/lib/jquery.fullcalendar/fullcalendar.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/lib/jquery.fullcalendar/locale/pt-br.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/lib/summernote/summernote.js')}}" type="text/javascript"></script>


    <script src="{{ asset('assets/lib/datepicker/js/bootstrap-datepicker.js')}}"
            type="text/javascript"></script>
    <script src="{{ asset('assets/lib/datepicker/locales/bootstrap-datepicker.pt-BR.min.js')}}"
            type="text/javascript"></script>
    <script src="{{ asset('assets/lib/chartjs/Chart.min.js')}}"></script>
    @if(\Auth::user()->isAdmin())
        @foreach($clientes as $cliente)
            <script>
                var anuncios = {
                    label: 'Anuncios',
                    data: [
                        @foreach($cliente->visitas as $visita)
                        {{$visita->anuncios}},
                        @endforeach
                    ],
                    backgroundColor: [
                        'rgba(255, 99, 132, 1)',
                    ],
                    borderColor: [
                        'rgba(255, 99, 132, 1)',
                    ],
                    fill:false
                };

                var telefone = {
                    label: 'Telefone',
                    data: [
                        @foreach($cliente->visitas as $visita)
                        {{$visita->telefone}},
                        @endforeach
                    ],
                    backgroundColor: [
                        'rgb(255,239,99)',
                    ],
                    borderColor: [
                        'rgb(255,239,99)',
                    ],
                    fill:false
                };
                var whatsapp = {
                    label: 'Whatsapp',
                    data: [
                        @foreach($cliente->visitas as $visita)
                        {{$visita->whatsapp}},
                        @endforeach
                    ],
                    backgroundColor: [
                        'rgb(31,96,42)',
                    ],

                    borderColor: [
                        'rgb(31,96,42)',
                    ],
                    fill:false
                };
                var mensagens = {
                    label: 'Mensagens',
                    data: [
                        @foreach($cliente->visitas as $visita)
                            {{$visita->mensagens}},
                        @endforeach
                    ],
                    backgroundColor: [
                        'rgb(39,103,243)',
                    ],
                    borderColor: [
                        'rgb(39,103,243)',
                    ],
                    fill:false
                };
                var dados = {
                    labels: [
                        @foreach($cliente->visitas as $visita)
                        "{{date('d/m', strtotime($visita->data))}}",
                        @endforeach
                    ],
                    datasets: [anuncios,telefone,whatsapp, mensagens]
                };
                var chartOptions = {
                    scales: {
                        xAxes: [{
                            barPercentage: 1,
                            categoryPercentage: 0.6
                        }],
                        yAxes: [{
                            id: "y-axis-density"
                        }, {
                            id: "y-axis-gravity"
                        }]
                    }
                };
                var ctx = document.getElementById('chart_{{$cliente->id}}').getContext('2d');
                var myChart = new Chart(ctx, {
                    type: 'line',
                    data: dados,
                });
            </script>
        @endforeach
    @endif
@endsection