@extends('layouts.app')

@section('content')
<div class="container-fluid p-0">

    <h1 class="h3 mb-3"><strong>Dashboard</strong></h1>

    <div class="row g-2 mb-2">
        <div class="col-12 col-lg-12">
            <div class="row g-2">

                <div class="col-sm-2">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-0">
                                    <h5 class="card-title">Quantidade Visitas</h5>
                                </div>

                                <div class="col-auto">
                                    <div class="stat text-primary">
                                        <i class="align-middle" data-feather="shopping-cart"></i>
                                    </div>
                                </div>
                            </div>
                            <h1 class="mt-1 mb-3">{{ $qtd_visitas_promotores }}</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted">Desde o último Ano</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-0">
                                    <h5 class="card-title">Quantidade Visita (Visitado)</h5>
                                </div>

                                <div class="col-auto">
                                    <div class="stat text-primary">
                                        <i class="align-middle" data-feather="shopping-cart"></i>
                                    </div>
                                </div>
                            </div>
                            <h1 class="mt-1 mb-3">{{ $qtd_visitas_visitado }}</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted">Desde o último Ano</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-0">
                                    <h5 class="card-title">Quantidade Visita (Em Visita)</h5>
                                </div>

                                <div class="col-auto">
                                    <div class="stat text-primary">
                                        <i class="align-middle" data-feather="shopping-cart"></i>
                                    </div>
                                </div>
                            </div>
                            <h1 class="mt-1 mb-3">{{ $qtd_visitas_em_visita }}</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted">Desde o último Ano</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-0">
                                    <h5 class="card-title">Quantidade Visita (Visita Agendada)</h5>
                                </div>

                                <div class="col-auto">
                                    <div class="stat text-primary">
                                        <i class="align-middle" data-feather="shopping-cart"></i>
                                    </div>
                                </div>
                            </div>
                            <h1 class="mt-1 mb-3">{{ $qtd_visitas_visita_agendado }}</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted">Desde o último Ano</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-0">
                                    <h5 class="card-title">Quantidade Visita (Canceladas)</h5>
                                </div>

                                <div class="col-auto">
                                    <div class="stat text-primary">
                                        <i class="align-middle" data-feather="shopping-cart"></i>
                                    </div>
                                </div>
                            </div>
                            <h1 class="mt-1 mb-3">{{ $qtd_visitas_visita_cancelado }}</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted">Desde o último Ano</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-0">
                                    <h5 class="card-title">Quantidade Itens Trocas</h5>
                                </div>

                                <div class="col-auto">
                                    <div class="stat text-primary">
                                        <i class="align-middle" data-feather="shopping-cart"></i>
                                    </div>
                                </div>
                            </div>
                            <h1 class="mt-1 mb-3">{{ $qtd_itens_trocas }}</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted">Desde o último Ano</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-0">
                                    <h5 class="card-title">Quantidade Trocas Pendentes</h5>
                                </div>

                                <div class="col-auto">
                                    <div class="stat text-primary">
                                        <i class="align-middle" data-feather="shopping-cart"></i>
                                    </div>
                                </div>
                            </div>
                            <h1 class="mt-1 mb-3">{{ $qtd_itens_trocas_pendente }}</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted">Desde o último Ano</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-0">
                                    <h5 class="card-title">Quantidade Trocas Aprovado</h5>
                                </div>

                                <div class="col-auto">
                                    <div class="stat text-primary">
                                        <i class="align-middle" data-feather="shopping-cart"></i>
                                    </div>
                                </div>
                            </div>
                            <h1 class="mt-1 mb-3">{{ $qtd_itens_trocas_aprovado }}</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted">Desde o último Ano</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-0">
                                    <h5 class="card-title">Quantidade Trocas Reprovados</h5>
                                </div>

                                <div class="col-auto">
                                    <div class="stat text-primary">
                                        <i class="align-middle" data-feather="shopping-cart"></i>
                                    </div>
                                </div>
                            </div>
                            <h1 class="mt-1 mb-3">{{ $qtd_itens_trocas_reprovado }}</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted">Desde o último Ano</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-0">
                                    <h5 class="card-title">Quantidade Fifo Verde</h5>
                                </div>

                                <div class="col-auto">
                                    <div class="stat text-primary">
                                        <i class="align-middle" data-feather="shopping-cart"></i>
                                    </div>
                                </div>
                            </div>
                            <h1 class="mt-1 mb-3">{{ $qtd_fifo_verde }}</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted">Vencimento próximo 25 dias</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-0">
                                    <h5 class="card-title">Quantidade Fifo Amarelo</h5>
                                </div>

                                <div class="col-auto">
                                    <div class="stat text-primary">
                                        <i class="align-middle" data-feather="shopping-cart"></i>
                                    </div>
                                </div>
                            </div>
                            <h1 class="mt-1 mb-3">{{ $qtd_fifo_amarelo }}</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted">Vencimento próximo 20 dias</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-0">
                                    <h5 class="card-title">Quantidade Fifo Vermelho</h5>
                                </div>

                                <div class="col-auto">
                                    <div class="stat text-primary">
                                        <i class="align-middle" data-feather="shopping-cart"></i>
                                    </div>
                                </div>
                            </div>
                            <h1 class="mt-1 mb-3">{{ $qtd_fifo_vermelho }}</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted">Vencimento próximo 15 dias</span>
                            </div>
                        </div>
                    </div>
                </div>

                @if(auth()->user()->id_perfil != 3)
                    <div class="col-sm-3">
                        <div class="card h-100">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col mt-0">
                                        <h5 class="card-title">Supermercados</h5>
                                    </div>

                                    <div class="col-auto">
                                        <div class="stat text-primary">
                                            <i class="align-middle" data-feather="truck"></i>
                                        </div>
                                    </div>
                                </div>
                                <h1 class="mt-1 mb-3">{{ $supermercados }}</h1>
                                {{-- <div class="mb-0">
                                    <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -3.65% </span>
                                    <span class="text-muted">Desde o último Ano</span>
                                </div> --}}
                            </div>
                        </div>
                    </div>
                @endif
                @if(auth()->user()->id_perfil != 3)
                    <div class="col-sm-3">
                        <div class="card h-100">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col mt-0">
                                        <h5 class="card-title">Promotores</h5>
                                    </div>

                                    <div class="col-auto">
                                        <div class="stat text-primary">
                                            <i class="align-middle" data-feather="users"></i>
                                        </div>
                                    </div>
                                </div>
                                <h1 class="mt-1 mb-3">{{ $promotores }}</h1>
                                {{-- <div class="mb-0">
                                    <span class="text-success"> <i class="mdi mdi-arrow-bottom-right"></i> 5.25% </span>
                                    <span class="text-muted">Desde o último Ano</span>
                                </div> --}}
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="card h-100">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col mt-0">
                                        <h5 class="card-title">Fornecedor</h5>
                                    </div>

                                    <div class="col-auto">
                                        <div class="stat text-primary">
                                            <i class="align-middle" data-feather="dollar-sign"></i>
                                        </div>
                                    </div>
                                </div>
                                <h1 class="mt-1 mb-3">{{ $fornecedores }}</h1>
                                {{-- <div class="mb-0">
                                    <span class="text-success"> <i class="mdi mdi-arrow-bottom-right"></i> 6.65% </span>
                                    <span class="text-muted">Desde o último Ano</span>
                                </div> --}}
                            </div>
                        </div>
                    </div>
                @endif

                @if(auth()->user()->id_perfil != 3)
                    <div class="col-sm-3">
                        <div class="card h-100">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col mt-0">
                                        <h5 class="card-title">Quantidade de Fotos</h5>
                                    </div>

                                    <div class="col-auto">
                                        <div class="stat text-primary">
                                            <i class="align-middle" data-feather="shopping-cart"></i>
                                        </div>
                                    </div>
                                </div>
                                <h1 class="mt-1 mb-3">{{ ($qtd_visitas_visitado * 2) }}</h1>
                                <div class="mb-0">
                                    {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                    <span class="text-muted">Desde o último Ano</span>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <div class="row g-2">

        <div class="col-12 col-lg-12">
            <div class="card flex-fill">
                <div class="card-header">
                    <h5 class="card-title mb-0">Gráfico de Visitas</h5>
                </div>
                <div class="card-body">
                    <div class="col-12">
                        <chart-vititas-mes
                            :request="{{ collect(request()->all()) }}"
                            :qtdvisitaspromotoresmes="{{ collect($qtd_visitas_promotores_mes)}}"
                            :qtdvisitasvisitaagendadomes="{{ collect($qtd_visitas_visita_agendado_mes)}}"
                            :qtdvisitasemvisitames="{{ collect($qtd_visitas_em_visita_mes)}}"
                            :qtdvisitasvisitadomes="{{ collect($qtd_visitas_visitado_mes)}}"
                            :qtdvisitasvisitacanceladomes="{{ collect($qtd_visitas_visita_cancelado_mes)}}"
                        />
                    </div>
                </div>
            </div>
        </div>

        @if(auth()->user()->id_perfil == 2)
            <div class="col-12 col-lg-12">
                <div class="card flex-fill">
                    <div class="card-header">

                        <h5 class="card-title mb-0">Top 10 Promotores</h5>
                    </div>
                    <div class="card-body">
                        <table class="table table-sm table-striped m-0">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th class="d-none d-xl-table-cell">Quantidade Visitas</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($visitas_promotores as $visita_promotor)
                                    <tr>
                                        <td>{{ $visita_promotor->nome }}</td>
                                        <td class="d-none d-xl-table-cell">{{ $visita_promotor->qtd_visitas }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif

        @if(auth()->user()->id_perfil == 2)
            <div class="col-12 col-lg-12">
                <div class="card flex-fill">
                    <div class="card-header">

                        <h5 class="card-title mb-0">Últimas 10 Trocas Pendentes</h5>
                    </div>
                    <div class="card-body">
                        <table class="table table-sm table-striped m-0">
                            <thead>
                                <tr>
                                    <th class="d-none d-xl-table-cell">Promotor</th>
                                    <th class="d-none d-xl-table-cell">Fornecedor</th>
                                    <th class="d-none d-xl-table-cell">Supermercado</th>
                                    <th class="d-none d-xl-table-cell">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($ultimas_trocas as $ultima_troca)
                                    <tr>
                                        <td>{{ $ultima_troca->nm_promotor }}</td>
                                        <td class="d-none d-xl-table-cell">{{ $ultima_troca->nm_fantasia_fornecedor }}</td>
                                        <td class="d-none d-xl-table-cell">{{ $ultima_troca->nm_fantasia_supermercado }}</td>
                                        <td class="d-none d-xl-table-cell">{{ $ultima_troca->nm_status_troca }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif

        <div class="col-12 col-lg-12">
            <div class="card flex-fill">
                <div class="card-header">

                    <h5 class="card-title mb-0">Produtos Mais Trocados</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm table-striped m-0">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th class="d-none d-xl-table-cell">Quantidade</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($itens_trocas as $itens)
                                <tr>
                                    <td>{{ $itens->nm_produto }}</td>
                                    <td class="d-none d-xl-table-cell">{{ $itens->quantidade }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection