@extends('admin.layouts.app')

@section('title', 'Tracking de Entregadores')

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Tracking de Entregadores</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item active">Tracking</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<section class="content">
    <div class="container-fluid">
        <!-- Filtros -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Filtros de Busca</h3>
            </div>
            <div class="card-body">
                <form method="GET" action="{{ route('admin.localizacoes.index') }}">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Buscar</label>
                                <input type="text" name="search" class="form-control" 
                                       placeholder="Nome do entregador ou cliente..." 
                                       value="{{ request('search') }}">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Status</label>
                                <select name="status" class="form-control">
                                    <option value="">Todos</option>
                                    <option value="disponivel" {{ request('status') == 'disponivel' ? 'selected' : '' }}>Disponível</option>
                                    <option value="em_entrega" {{ request('status') == 'em_entrega' ? 'selected' : '' }}>Em Entrega</option>
                                    <option value="indisponivel" {{ request('status') == 'indisponivel' ? 'selected' : '' }}>Indisponível</option>
                                    <option value="entregue" {{ request('status') == 'entregue' ? 'selected' : '' }}>Entregue</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Entregador</label>
                                <select name="entregador_id" class="form-control">
                                    <option value="">Todos</option>
                                    @foreach($entregadores as $entregador)
                                        <option value="{{ $entregador->id }}" {{ request('entregador_id') == $entregador->id ? 'selected' : '' }}>
                                            {{ $entregador->nome }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Loja</label>
                                <select name="loja_id" class="form-control">
                                    <option value="">Todas</option>
                                    @foreach($lojas as $loja)
                                        <option value="{{ $loja->id }}" {{ request('loja_id') == $loja->id ? 'selected' : '' }}>
                                            {{ $loja->nome }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Atividade</label>
                                <select name="ativo" class="form-control">
                                    <option value="">Todos</option>
                                    <option value="sim" {{ request('ativo') == 'sim' ? 'selected' : '' }}>Ativos</option>
                                    <option value="nao" {{ request('ativo') == 'nao' ? 'selected' : '' }}>Inativos</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <div class="form-group">
                                <label>&nbsp;</label>
                                <div>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-search"></i>
                                    </button>
                                    <a href="{{ route('admin.localizacoes.index') }}" class="btn btn-secondary">
                                        <i class="fas fa-times"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <!-- Ações -->
        <div class="row mb-3">
            <div class="col-md-6">
                <a href="{{ route('admin.localizacoes.create') }}" class="btn btn-success">
                    <i class="fas fa-plus"></i> Nova Localização
                </a>
                <a href="{{ route('admin.localizacoes.dashboard') }}" class="btn btn-info">
                    <i class="fas fa-map-marked-alt"></i> Dashboard
                </a>
                <a href="{{ route('admin.localizacoes.performance') }}" class="btn btn-warning">
                    <i class="fas fa-chart-line"></i> Performance
                </a>
            </div>
            <div class="col-md-6 text-right">
                <div class="btn-group">
                    <button type="button" class="btn btn-success" onclick="refreshLocations()">
                        <i class="fas fa-sync"></i> Atualizar
                    </button>
                    <button type="button" class="btn btn-primary" onclick="showMap()">
                        <i class="fas fa-map"></i> Ver no Mapa
                    </button>
                </div>
            </div>
        </div>

        <!-- Lista de Localizações -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Localizações Ativas ({{ $localizacoes->total() }})</h3>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>Entregador</th>
                                <th>Pedido</th>
                                <th>Cliente</th>
                                <th>Localização</th>
                                <th>Status</th>
                                <th>Distância</th>
                                <th>ETA</th>
                                <th>Velocidade</th>
                                <th>Bateria</th>
                                <th>Última Atualização</th>
                                <th style="width: 120px;">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($localizacoes as $localizacao)
                                <tr class="{{ now()->diffInMinutes($localizacao->updated_at) > 10 ? 'table-warning' : '' }}">
                                    <td>
                                        <strong>{{ $localizacao->entregador->usuario->nome }}</strong>
                                        @if(now()->diffInMinutes($localizacao->updated_at) > 10)
                                            <span class="badge badge-warning">Inativo</span>
                                        @else
                                            <span class="badge badge-success">Ativo</span>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ route('admin.pedidos.show', $localizacao->pedido) }}" class="text-primary">
                                            #{{ $localizacao->pedido->id }}
                                        </a>
                                    </td>
                                    <td>{{ $localizacao->pedido->usuario->nome }}</td>
                                    <td>
                                        <small class="text-muted">
                                            {{ number_format($localizacao->latitude, 6) }}, {{ number_format($localizacao->longitude, 6) }}
                                        </small>
                                    </td>
                                    <td>
                                        @switch($localizacao->status)
                                            @case('disponivel')
                                                <span class="badge badge-success">Disponível</span>
                                                @break
                                            @case('em_entrega')
                                                <span class="badge badge-primary">Em Entrega</span>
                                                @break
                                            @case('indisponivel')
                                                <span class="badge badge-danger">Indisponível</span>
                                                @break
                                            @case('entregue')
                                                <span class="badge badge-info">Entregue</span>
                                                @break
                                        @endswitch
                                    </td>
                                    <td>
                                        @if($localizacao->distancia_para_cliente)
                                            {{ number_format($localizacao->distancia_para_cliente, 2) }} km
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>
                                        @if($localizacao->eta_estimado)
                                            {{ $localizacao->eta_estimado }} min
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>
                                        @if($localizacao->velocidade)
                                            <span class="{{ $localizacao->velocidade > 60 ? 'text-danger' : 'text-success' }}">
                                                {{ number_format($localizacao->velocidade, 1) }} km/h
                                            </span>
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>
                                        @if($localizacao->bateria)
                                            @if($localizacao->bateria <= 20)
                                                <span class="text-danger"><i class="fas fa-battery-empty"></i> {{ $localizacao->bateria }}%</span>
                                            @elseif($localizacao->bateria <= 50)
                                                <span class="text-warning"><i class="fas fa-battery-quarter"></i> {{ $localizacao->bateria }}%</span>
                                            @else
                                                <span class="text-success"><i class="fas fa-battery-full"></i> {{ $localizacao->bateria }}%</span>
                                            @endif
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>{{ $localizacao->updated_at->diffForHumans() }}</td>
                                    <td>
                                        <div class="btn-group" role="group">
                                            <a href="{{ route('admin.localizacoes.show', $localizacao) }}" 
                                               class="btn btn-info btn-sm" title="Ver Detalhes">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                            @if($localizacao->status === 'em_entrega')
                                                <button type="button" class="btn btn-success btn-sm" 
                                                        onclick="concluirEntrega({{ $localizacao->id }})" title="Concluir Entrega">
                                                    <i class="fas fa-check"></i>
                                                </button>
                                            @endif
                                            <button type="button" class="btn btn-warning btn-sm" 
                                                    onclick="atualizarLocalizacao({{ $localizacao->entregador->id }})" title="Atualizar GPS">
                                                <i class="fas fa-sync"></i>
                                            </button>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="11" class="text-center">Nenhuma localização encontrada.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="card-footer">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        Mostrando {{ $localizacoes->firstItem() ?? 0 }} a {{ $localizacoes->lastItem() ?? 0 }} 
                        de {{ $localizacoes->total() }} resultados
                    </div>
                    <div>
                        {{ $localizacoes->appends(request()->query())->links() }}
                    </div>
                </div>
            </div>
        </div>

        <!-- Estatísticas em Tempo Real -->
        <div class="row">
            <div class="col-md-3">
                <div class="card bg-primary">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h5 class="card-title">Em Entrega</h5>
                                <h3 class="text-white">{{ $localizacoes->where('status', 'em_entrega')->count() }}</h3>
                            </div>
                            <div class="align-self-center">
                                <i class="fas fa-motorcycle fa-2x text-white-50"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-success">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h5 class="card-title">Disponíveis</h5>
                                <h3 class="text-white">{{ $localizacoes->where('status', 'disponivel')->count() }}</h3>
                            </div>
                            <div class="align-self-center">
                                <i class="fas fa-check-circle fa-2x text-white-50"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-warning">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h5 class="card-title">Bateria Baixa</h5>
                                <h3 class="text-white">{{ $localizacoes->where('bateria', '<=', 20)->whereNotNull('bateria')->count() }}</h3>
                            </div>
                            <div class="align-self-center">
                                <i class="fas fa-battery-empty fa-2x text-white-50"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-info">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h5 class="card-title">Velocidade Alta</h5>
                                <h3 class="text-white">{{ $localizacoes->where('velocidade', '>', 80)->whereNotNull('velocidade')->count() }}</h3>
                            </div>
                            <div class="align-self-center">
                                <i class="fas fa-tachometer-alt fa-2x text-white-50"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@include('admin.localizacoes.modals')
@endsection

@push('scripts')
<script>
// Auto-refresh a cada 30 segundos
setInterval(refreshLocations, 30000);

function refreshLocations() {
    location.reload();
}

function showMap() {
    window.open('/admin/localizacoes/dashboard', '_blank');
}

function atualizarLocalizacao(entregadorId) {
    if (confirm('Atualizar localização do entregador?')) {
        // Simular atualização GPS
        navigator.geolocation.getCurrentPosition(
            function(position) {
                fetch('/admin/localizacoes/atualizar', {
                    method: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify({
                        entregador_id: entregadorId,
                        latitude: position.coords.latitude,
                        longitude: position.coords.longitude,
                        velocidade: Math.random() * 60 + 20, // 20-80 km/h
                        bateria: Math.floor(Math.random() * 40) + 60 // 60-100%
                    })
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        location.reload();
                    } else {
                        alert('Erro: ' + data.message);
                    }
                });
            },
            function(error) {
                alert('Erro ao obter localização: ' + error.message);
            }
        );
    }
}

function concluirEntrega(localizacaoId) {
    if (confirm('Confirmar conclusão da entrega?')) {
        navigator.geolocation.getCurrentPosition(
            function(position) {
                fetch(`/admin/localizacoes/${localizacaoId}/concluir`, {
                    method: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify({
                        latitude_entrega: position.coords.latitude,
                        longitude_entrega: position.coords.longitude,
                        observacoes: 'Entrega concluída com sucesso'
                    })
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        location.reload();
                    } else {
                        alert('Erro: ' + data.message);
                    }
                });
            },
            function(error) {
                alert('Erro ao obter localização: ' + error.message);
            }
        );
    }
}
</script>
@endpush