@extends('layouts.model')

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

    <div class="row mb-3">
        <div class="col-12">
            <h4 class="mb-0">Dashboard de Veículos</h4>
            <small class="text-muted">
                Indicadores de ignição, movimento e tempo parado
            </small>
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}

            <button type="button" class="close" data-dismiss="alert" aria-label="Fechar">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') }}

            <button type="button" class="close" data-dismiss="alert" aria-label="Fechar">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    <div class="card mb-3">
        <div class="card-header">
            <strong>Filtros</strong>
        </div>

        <div class="card-body">
            <form action="{{ route('dashboard.veiculos') }}">
                <div class="row">

                    <div class="col-md-3 mb-3">
                        <label for="data_inicial">Data inicial</label>

                        <input
                            type="date"
                            name="data_inicial"
                            id="data_inicial"
                            class="form-control"
                            value="{{ $dataInicial }}"
                        >
                    </div>

                    <div class="col-md-3 mb-3">
                        <label for="data_final">Data final</label>

                        <input
                            type="date"
                            name="data_final"
                            id="data_final"
                            class="form-control"
                            value="{{ $dataFinal }}"
                        >
                    </div>

                    <div class="col-md-3 mb-3">
                        <label for="placa">Placa</label>

                        <input
                            type="text"
                            name="placa"
                            id="placa"
                            class="form-control"
                            value="{{ $placa }}"
                            placeholder="Todas as placas"
                            maxlength="20"
                            autocomplete="off"
                        >
                    </div>

                    <div class="col-md-3 mb-3 d-flex align-items-end">
                        <button type="submit" class="btn btn-primary mr-2">
                            Consultar
                        </button>
                    </div>

                </div>
            </form>
        </div>
    </div>

    <div class="row">

        <div class="col-lg-3 col-md-6 mb-3">
            <div class="card h-100 border-primary">
                <div class="card-body">
                    <div class="text-muted mb-1">
                        Total ligado
                    </div>

                    <h3 class="mb-1 text-primary">
                        {{ $totais['tempo_ligado'] }}
                    </h3>

                    <small class="text-muted">
                        Movimento mais ligado parado
                    </small>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-3">
            <div class="card h-100 border-success">
                <div class="card-body">
                    <div class="text-muted mb-1">
                        Em movimento
                    </div>

                    <h3 class="mb-1 text-success">
                        {{ $totais['tempo_movimento'] }}
                    </h3>

                    <small class="text-muted">
                        {{ number_format($totais['percentual_movimento'], 2, ',', '.') }}%
                        do tempo ligado
                    </small>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-3">
            <div class="card h-100 border-warning">
                <div class="card-body">
                    <div class="text-muted mb-1">
                        Ligado parado
                    </div>

                    <h3 class="mb-1 text-warning">
                        {{ $totais['tempo_ligado_parado'] }}
                    </h3>

                    <small class="text-muted">
                        {{ number_format($totais['percentual_ligado_parado'], 2, ',', '.') }}%
                        do tempo ligado
                    </small>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-3">
            <div class="card h-100 border-danger">
                <div class="card-body">
                    <div class="text-muted mb-1">
                        Sem comunicação
                    </div>

                    <h3 class="mb-1 text-danger">
                        {{ $totais['tempo_sem_comunicacao'] }}
                    </h3>

                    <small class="text-muted">
                        Intervalos acima do limite configurado
                    </small>
                </div>
            </div>
        </div>

    </div>

    <div class="row mb-3">

        <div class="col-lg-3 col-md-6 mb-3">
            <div class="card h-100">
                <div class="card-body">
                    <div class="text-muted mb-1">
                        Veículos
                    </div>

                    <h4 class="mb-0">
                        {{ number_format($totais['quantidade_veiculos'], 0, ',', '.') }}
                    </h4>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-3">
            <div class="card h-100">
                <div class="card-body">
                    <div class="text-muted mb-1">
                        Posições processadas
                    </div>

                    <h4 class="mb-0">
                        {{ number_format($totais['quantidade_posicoes'], 0, ',', '.') }}
                    </h4>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-3">
            <div class="card h-100">
                <div class="card-body">
                    <div class="text-muted mb-1">
                        Registros diários
                    </div>

                    <h4 class="mb-0">
                        {{ number_format($totais['quantidade_dias'], 0, ',', '.') }}
                    </h4>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-3">
            <div class="card h-100">
                <div class="card-body">
                    <div class="text-muted mb-1">
                        Validação dos totais
                    </div>

                    @if($totais['totais_consistentes'])
                        <h4 class="mb-0 text-success">
                            Consistente
                        </h4>
                    @else
                        <h4 class="mb-0 text-danger">
                            Divergência
                        </h4>
                    @endif
                </div>
            </div>
        </div>

    </div>

    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <strong>Indicadores por veículo</strong>

            <span class="badge badge-secondary">
                {{ $dataInicial }} até {{ $dataFinal }}
            </span>
        </div>

        <div class="table-responsive">
            <table class="table table-bordered table-striped table-hover mb-0">
                <thead class="thead-light">
                    <tr>
                        <th>Placa</th>
                        <th class="text-right">Ligado</th>
                        <th class="text-right">Movimento</th>
                        <th class="text-right">Ligado parado</th>
                        <th class="text-right">% movimento</th>
                        <th class="text-right">% parado</th>
                        <th class="text-right">Sem comunicação</th>
                        <th class="text-right">Posições</th>
                        <th class="text-right">Dias</th>
                        <th class="text-center">Validação</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse($veiculos as $veiculo)
                        @php
                            $segundosLigado = (int) $veiculo->segundos_ligado;
                            $segundosMovimento = (int) $veiculo->segundos_movimento;
                            $segundosLigadoParado = (int) $veiculo->segundos_ligado_parado;
                            $segundosSemComunicacao = (int) $veiculo->segundos_sem_comunicacao;

                            $percentualMovimento = 0;
                            $percentualLigadoParado = 0;

                            if ($segundosLigado > 0) {
                                $percentualMovimento = ($segundosMovimento / $segundosLigado) * 100;
                                $percentualLigadoParado = ($segundosLigadoParado / $segundosLigado) * 100;
                            }

                            $totaisConsistentes =
                                $segundosLigado ===
                                ($segundosMovimento + $segundosLigadoParado);
                        @endphp

                        <tr>
                            <td>
                                <strong>{{ $veiculo->placa }}</strong>
                            </td>

                            <td class="text-right text-nowrap">
                                {{ \App\Models\VeiculoIndicadorDiario::formatarSegundos($segundosLigado) }}
                            </td>

                            <td class="text-right text-nowrap">
                                {{ \App\Models\VeiculoIndicadorDiario::formatarSegundos($segundosMovimento) }}
                            </td>

                            <td class="text-right text-nowrap">
                                {{ \App\Models\VeiculoIndicadorDiario::formatarSegundos($segundosLigadoParado) }}
                            </td>

                            <td class="text-right">
                                {{ number_format($percentualMovimento, 2, ',', '.') }}%
                            </td>

                            <td class="text-right">
                                {{ number_format($percentualLigadoParado, 2, ',', '.') }}%
                            </td>

                            <td class="text-right text-nowrap">
                                @if($segundosSemComunicacao > 0)
                                    <span class="text-danger">
                                        {{ \App\Models\VeiculoIndicadorDiario::formatarSegundos($segundosSemComunicacao) }}
                                    </span>
                                @else
                                    <span class="text-muted">
                                        00:00:00
                                    </span>
                                @endif
                            </td>

                            <td class="text-right">
                                {{ number_format((int) $veiculo->quantidade_posicoes, 0, ',', '.') }}
                            </td>

                            <td class="text-right">
                                {{ number_format((int) $veiculo->quantidade_dias, 0, ',', '.') }}
                            </td>

                            <td class="text-center">
                                @if($totaisConsistentes)
                                    <span class="badge badge-success">
                                        OK
                                    </span>
                                @else
                                    <span class="badge badge-danger">
                                        Divergência
                                    </span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="10" class="text-center text-muted py-4">
                                Nenhum indicador encontrado para os filtros informados.
                            </td>
                        </tr>
                    @endforelse
                </tbody>

                @if($veiculos->count() > 0)
                    <tfoot class="font-weight-bold">
                        <tr>
                            <td>Total</td>

                            <td class="text-right text-nowrap">
                                {{ $totais['tempo_ligado'] }}
                            </td>

                            <td class="text-right text-nowrap">
                                {{ $totais['tempo_movimento'] }}
                            </td>

                            <td class="text-right text-nowrap">
                                {{ $totais['tempo_ligado_parado'] }}
                            </td>

                            <td class="text-right">
                                {{ number_format($totais['percentual_movimento'], 2, ',', '.') }}%
                            </td>

                            <td class="text-right">
                                {{ number_format($totais['percentual_ligado_parado'], 2, ',', '.') }}%
                            </td>

                            <td class="text-right text-nowrap">
                                {{ $totais['tempo_sem_comunicacao'] }}
                            </td>

                            <td class="text-right">
                                {{ number_format($totais['quantidade_posicoes'], 0, ',', '.') }}
                            </td>

                            <td class="text-right">
                                {{ number_format($totais['quantidade_dias'], 0, ',', '.') }}
                            </td>

                            <td class="text-center">
                                @if($totais['totais_consistentes'])
                                    <span class="badge badge-success">
                                        OK
                                    </span>
                                @else
                                    <span class="badge badge-danger">
                                        Divergência
                                    </span>
                                @endif
                            </td>
                        </tr>
                    </tfoot>
                @endif
            </table>
        </div>
    </div>

</div>
@endsection