@php
$title = 'Dashboard Estoque';
@endphp

<div class="container-fluid pt-1" style="margin-top: -32px;">
    <nav aria-label="breadcrumb" class="mb-2" style="margin-top: -18px;">
        <ol class="breadcrumb bg-transparent px-0 py-1 mb-1" style="font-size: 0.98rem;">
            <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-secondary">Início</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Dashboard Estoque</li>
        </ol>
    </nav>
    
    <h1 class="fw-bold mb-4" style="font-size:2.1rem; letter-spacing:1px;">
        <i class="bi bi-boxes me-2 text-primary"></i>Dashboard Estoque
    </h1>

    <!-- Cards de Estatísticas -->
    <div class="row g-3 mb-4">
        <div class="col-md-3">
            <div class="card shadow border-0 h-100">
                <div class="card-body text-center">
                    <i class="bi bi-box-seam display-4 text-primary"></i>
                    <h3 class="mt-3 mb-1">{{ $total_produtos_estoque }}</h3>
                    <p class="text-muted mb-0">Produtos em Estoque</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow border-0 h-100">
                <div class="card-body text-center">
                    <i class="bi bi-geo-alt display-4 text-info"></i>
                    <h3 class="mt-3 mb-1">{{ $total_localizacoes }}</h3>
                    <p class="text-muted mb-0">Localizações Ativas</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow border-0 h-100">
                <div class="card-body text-center">
                    <i class="bi bi-exclamation-triangle display-4 text-warning"></i>
                    <h3 class="mt-3 mb-1">{{ $produtos_abaixo_minimo->count() }}</h3>
                    <p class="text-muted mb-0">Abaixo do Mínimo</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow border-0 h-100">
                <div class="card-body text-center">
                    <i class="bi bi-cash-stack display-4 text-success"></i>
                    <h3 class="mt-3 mb-1">R$ {{ number_format($valor_total_estoque, 2, ',', '.') }}</h3>
                    <p class="text-muted mb-0">Valor Total Estoque</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Ações Rápidas -->
    <div class="row g-3 mb-4">
        <div class="col-md-3">
            <div class="card shadow border-0 text-center" style="cursor: pointer;" onclick="carregarConteudo(`{{ route('suprimentos.localizacoes') }}`)">
                <div class="card-body">
                    <i class="bi bi-building display-5 text-info"></i>
                    <p class="text-muted mt-2 mb-0"><small>Gerenciar Localizações</small></p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow border-0 text-center" style="cursor: pointer;" onclick="carregarConteudo(`{{ route('suprimentos.movimentacoes') }}`)">
                <div class="card-body">
                    <i class="bi bi-arrow-left-right display-5 text-success"></i>
                    <p class="text-muted mt-2 mb-0"><small>Ver Movimentações</small></p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow border-0 text-center" style="cursor: pointer;" onclick="carregarConteudo(`{{ route('suprimentos.movimentacoes.novo') }}`)">
                <div class="card-body">
                    <i class="bi bi-plus-circle display-5 text-primary"></i>
                    <p class="text-muted mt-2 mb-0"><small>Nova Movimentação</small></p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow border-0 text-center" style="cursor: pointer;" onclick="carregarConteudo(`{{ route('suprimentos.saldos') }}`)">
                <div class="card-body">
                    <i class="bi bi-list-check display-5 text-secondary"></i>
                    <p class="text-muted mt-2 mb-0"><small>Consultar Saldos</small></p>
                </div>
            </div>
        </div>
    </div>

    <!-- Produtos Abaixo do Estoque Mínimo -->
    @if($produtos_abaixo_minimo->count() > 0)
        <div class="card shadow border-0 mb-4">
            <div class="card-header bg-white border-0">
                <h5 class="mb-0 text-danger"><i class="bi bi-exclamation-triangle-fill me-2"></i>Produtos Abaixo do Estoque Mínimo</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover table-fixed-column">
                        <thead>
                            <tr>
                                <th>Código</th>
                                <th>Produto</th>
                                <th class="text-center">Estoque Total</th>
                                <th class="text-center">Estoque Mínimo</th>
                                <th class="text-center">Diferença</th>
                                <th>Unidade</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($produtos_abaixo_minimo as $produto)
                                <tr>
                                    <td><span class="badge bg-secondary">{{ $produto->codigo }}</span></td>
                                    <td>{{ $produto->nome }}</td>
                                    <td class="text-center">
                                        <span class="badge bg-danger">{{ number_format($produto->estoque_total, 2, ',', '.') }}</span>
                                    </td>
                                    <td class="text-center">{{ number_format($produto->estoque_minimo, 2, ',', '.') }}</td>
                                    <td class="text-center">
                                        <span class="text-danger fw-bold">{{ number_format($produto->estoque_total - $produto->estoque_minimo, 2, ',', '.') }}</span>
                                    </td>
                                    <td>{{ $produto->unidadeMedida->unidade ?? '-' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                
                <x-pagination :paginator="$produtos_abaixo_minimo ?? null" :collection="$produtos_abaixo_minimo ?? collect([])" />
            </div>
        </div>
    @endif

    <!-- Últimas Movimentações -->
    <div class="card shadow border-0">
        <div class="card-header bg-white border-0">
            <h5 class="mb-0"><i class="bi bi-clock-history me-2"></i>Últimas Movimentações</h5>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover table-fixed-column">
                    <thead>
                        <tr>
                            <th>Data</th>
                            <th>Tipo</th>
                            <th>Produto</th>
                            <th>Localização</th>
                            <th class="text-end">Quantidade</th>
                            <th>Usuário</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($ultimas_movimentacoes as $mov)
                            <tr>
                                <td>{{ \Carbon\Carbon::parse($mov->data_movimentacao)->format('d/m/Y H:i') }}</td>
                                <td>
                                    @if($mov->tipo == 'ENTRADA')
                                        <span class="badge bg-success"><i class="bi bi-arrow-down-circle me-1"></i>Entrada</span>
                                    @elseif($mov->tipo == 'SAIDA')
                                        <span class="badge bg-danger"><i class="bi bi-arrow-up-circle me-1"></i>Saída</span>
                                    @elseif($mov->tipo == 'AJUSTE')
                                        <span class="badge bg-info"><i class="bi bi-gear-fill me-1"></i>Ajuste</span>
                                    @else
                                        <span class="badge bg-warning"><i class="bi bi-exclamation-circle me-1"></i>{{ $mov->tipo }}</span>
                                    @endif
                                </td>
                                <td>{{ $mov->produto->codigo }} - {{ $mov->produto->nome }}</td>
                                <td>{{ $mov->localizacao->nome ?? '-' }}</td>
                                <td class="text-end">{{ number_format($mov->quantidade, 2, ',', '.') }} {{ $mov->produto->unidadeMedida->unidade ?? '' }}</td>
                                <td>{{ $mov->usuario->name ?? '-' }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center py-4 text-muted">
                                    <i class="bi bi-inbox display-4 d-block mb-2"></i>
                                    Nenhuma movimentação registrada
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            
            <x-pagination :paginator="$ultimas_movimentacoes ?? null" :collection="$ultimas_movimentacoes ?? collect([])" />
        </div>
    </div>
</div>