@php
$title = 'Acompanhamento';
@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"><a href="#" onclick="carregarConteudo(`{{ route('producao.ordens') }}`)" class="text-decoration-none text-secondary">Ordens de Produção</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Acompanhamento</li>
        </ol>
    </nav>
    
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="fw-bold mb-0" style="font-size:2.1rem; letter-spacing:1px;">
            <i class="bi bi-graph-up me-2 text-primary"></i>Acompanhamento de Produção
        </h1>
        <button type="button" class="btn btn-sm btn-outline-secondary" onclick="carregarConteudo(`{{ route('producao.ordens') }}`)">
            <i class="bi bi-arrow-left me-2"></i>Voltar
        </button>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-md-6">
            <div class="card shadow border-0">
                <div class="card-body">
                    <h5 class="card-title"><i class="bi bi-clock-history me-2 text-warning"></i>Pendentes</h5>
                    <h2 class="mb-0">{{ $ordensAtivas->where('status', 'PENDENTE')->count() }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card shadow border-0">
                <div class="card-body">
                    <h5 class="card-title"><i class="bi bi-gear-fill me-2 text-primary"></i>Em Produção</h5>
                    <h2 class="mb-0">{{ $ordensAtivas->where('status', 'EM_PRODUCAO')->count() }}</h2>
                </div>
            </div>
        </div>
    </div>

    @if($ordensAtivas->count() > 0)
        <div class="card shadow border-0">
            <div class="card-header bg-white border-0">
                <span class="fw-bold">Ordens Ativas</span>
            </div>
            <div class="card-body">
                @foreach($ordensAtivas as $ordem)
                    <div class="card mb-3 border">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <div>
                                    <h5 class="mb-1">{{ $ordem->numero_ordem }} - {{ $ordem->descricao }}</h5>
                                    <small class="text-muted">
                                        {{ \Carbon\Carbon::parse($ordem->data_inicio)->format('d/m/Y') }} - 
                                        {{ \Carbon\Carbon::parse($ordem->data_fim)->format('d/m/Y') }}
                                    </small>
                                </div>
                                <div>
                                    @if($ordem->status == 'EM_PRODUCAO')
                                        <span class="badge bg-primary">Em Produção</span>
                                    @else
                                        <span class="badge bg-warning">Pendente</span>
                                    @endif
                                    
                                    @if($ordem->prioridade == 'URGENTE')
                                        <span class="badge bg-danger">Urgente</span>
                                    @elseif($ordem->prioridade == 'ALTA')
                                        <span class="badge bg-warning">Alta</span>
                                    @endif
                                </div>
                            </div>

                            <div class="mb-3">
                                <strong>Produtos:</strong>
                                <ul class="mb-0">
                                    @foreach($ordem->itens as $item)
                                        <li>{{ $item->produto->nome }} - {{ number_format($item->quantidade, 2, ',', '.') }} {{ $item->produto->unidadeMedida->unidade ?? '' }}</li>
                                    @endforeach
                                </ul>
                            </div>

                            @if($ordem->atividades->count() > 0)
                                @php
                                    $totalAtividades = $ordem->atividades->count();
                                    $concluidas = $ordem->atividades->where('status', 'CONCLUIDA')->count();
                                    $progresso = $totalAtividades > 0 ? ($concluidas / $totalAtividades) * 100 : 0;
                                @endphp
                                <div class="mb-2">
                                    <strong>Progresso das Atividades:</strong>
                                    <div class="progress mt-2" style="height: 20px">
                                        <div class="progress-bar bg-success" role="progressbar" style="--bs-progress-bar-width: {{ $progresso }}%; width: var(--bs-progress-bar-width)">
                                            {{ number_format($progresso, 0) }}%
                                        </div>
                                    </div>
                                </div>

                                <div class="table-responsive">
                                    <table class="table table-sm table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Atividade</th>
                                                <th>Status</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($ordem->atividades->sortBy('ordem') as $atividade)
                                                <tr>
                                                    <td>{{ $atividade->ordem }}. {{ $atividade->nome }}</td>
                                                    <td>
                                                        @if($atividade->status == 'CONCLUIDA')
                                                            <span class="badge bg-success">Concluída</span>
                                                        @elseif($atividade->status == 'EM_ANDAMENTO')
                                                            <span class="badge bg-primary">Em Andamento</span>
                                                        @else
                                                            <span class="badge bg-secondary">Pendente</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif

                            <div class="text-end">
                                <button class="btn btn-sm btn-outline-primary" onclick="carregarConteudo(`{{ route('producao.ordens.visualizar', $ordem->id) }}`)">
                                    <i class="bi bi-eye me-1"></i>Ver Detalhes
                                </button>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    @else
        <div class="alert alert-info">
            <i class="bi bi-info-circle me-2"></i>Não há ordens de produção ativas no momento.
        </div>
    @endif
</div>