@extends('layouts.app')

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

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

    <div class="row">
        <div class="col-12">
            <form class="card shadow-sm" action="{{ route('indicadores.index') }}" method="GET">
                <div class="card-header">
                    <h5 class="card-title mb-0">Filtros</h5>
                </div>
                <div class="card-body">
                    <div class="row g-2">
                        {{-- <div class="col-12 col-lg-6">
                            <label for="ipt-nome" class="form-label">Promotor:</label>
                            <input type="text" name="nome" value="{{ Request::get('nome') }}" class="form-control" id="ipt-nome" aria-describedby="Nome">
                        </div> --}}
                        <div class="col-12 col-lg-12">
                            <label for="ipt-periodo" class="form-label">Período:</label>
                            <select class="form-control form-select select-custom" name="data_periodo" value="{{ Request::get('data_periodo') }}" >
                                <option value="">Todos Periodos</option>
                                <option value="1" selected>Dia</option>
                                <option value="2">Semana</option>
                                <option value="3">Mês</option>
                                <option value="4">Trimestre</option>
                                <option value="5">Semestre</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="card-footer text-end">
                    <button type="submit" class="btn btn-sm btn-dark">Filtrar</button>
                </div>
            </form>
        </div>
    </div>

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

                @php
                    $periodo_filtro = 'Dia';

                    if(Request::get('data_periodo') == 1){
                        $periodo_filtro = 'Últimas 24h';
                    }
                    if(Request::get('data_periodo') == 2){
                        $periodo_filtro = 'Última Semana';
                    }
                    if(Request::get('data_periodo') == 3){
                        $periodo_filtro = 'Desde o último Mês';
                    }
                    if(Request::get('data_periodo') == 4){
                        $periodo_filtro = 'Desde o último Trimestre';
                    }
                    if(Request::get('data_periodo') == 5){
                        $periodo_filtro = 'Desde o último Semestre';
                    }
                @endphp

                <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 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"> {{ $periodo_filtro }}</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">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"> {{ $periodo_filtro }}</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">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"> {{ $periodo_filtro }}</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">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"> {{ $periodo_filtro }}</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">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"> {{ $periodo_filtro }}</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">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"> {{ $periodo_filtro }}</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">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"> {{ $periodo_filtro }}</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">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"> {{ $periodo_filtro }}</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">Valor de Troca</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">R$ 00,00</h1>
                            <div class="mb-0">
                                {{-- <span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span> --}}
                                <span class="text-muted"> {{ $periodo_filtro }}</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">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-3">
                    <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-3">
                    <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">NPS dos vendedores</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">{{ 0 }}</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 mês</span>
                                </div>
                            </div>
                        </div>
                    </div> --}}
                @endif
            </div>
        </div>
    </div>

    <div class="row g-2">
        @if(auth()->user()->id_perfil != 3)
            <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>
                                    <th class="d-none d-xl-table-cell">Tempo Médio Por Loja</th>
                                    <th class="d-none d-xl-table-cell">Tempo Médio Trabalho (Dia)</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>
                                        <td> {{ round($visita_promotor->diferenca_em_horas / $visita_promotor->qtd_visitas, 2) }} - Minutos</td>
                                        <td> {{ floor($visita_promotor->diferenca_em_horas / 60) }} - Horas </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">Ú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>

        <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