@php
$title = 'Custeio da OP ' . $ordem->numero_ordem;
@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"><a href="#" onclick="carregarConteudo(`{{ route('producao.ordens.visualizar', $ordem->id) }}`)" class="text-decoration-none text-secondary">OP {{ $ordem->numero_ordem }}</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Custeio</li>
        </ol>
    </nav>
    
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="fw-bold mb-0" style="font-size:2.1rem; letter-spacing:1px;">
                <i class="bi bi-calculator me-2 text-success"></i>Custeio da OP
            </h1>
            <span class="text-muted small">Análise de custos orçados vs. reais - {{ $ordem->produto->nome }}</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary" onclick="carregarConteudo(`{{ route('producao.ordens.visualizar', $ordem->id) }}`)">
                <i class="bi bi-arrow-left me-2"></i>Voltar
            </button>
        </div>
    </div>

    <!-- Alertas -->
    @if(count($alertas) > 0)
    <div class="card shadow border-0 mb-3 border-start border-danger border-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold text-danger">
                <i class="bi bi-exclamation-triangle me-2"></i>Alertas de Custeio
            </span>
        </div>
        <div class="card-body">
            @foreach($alertas as $alerta)
            <div class="alert alert-{{ $alerta['tipo'] == 'danger' ? 'danger' : 'warning' }} mb-2">
                <strong>{{ $alerta['titulo'] }}:</strong> {{ $alerta['mensagem'] }}
            </div>
            @endforeach
        </div>
    </div>
    @endif

    <!-- Resumo Orçado vs Real -->
    <div class="row mb-4">
        <div class="col-md-4">
            <div class="card shadow border-0 text-center">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Custo Orçado</h6>
                    <h2 class="display-6 mb-0 text-primary">
                        R$ {{ number_format($comparacao['orcado'], 2, ',', '.') }}
                    </h2>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow border-0 text-center">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Custo Real</h6>
                    <h2 class="display-6 mb-0 text-info">
                        R$ {{ number_format($comparacao['real'], 2, ',', '.') }}
                    </h2>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow border-0 text-center">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Variação</h6>
                    <h2 class="display-6 mb-0 {{ $comparacao['variacao'] >= 0 ? 'text-danger' : 'text-success' }}">
                        {{ $comparacao['variacao'] >= 0 ? '+' : '' }}R$ {{ number_format($comparacao['variacao'], 2, ',', '.') }}
                    </h2>
                    <small class="text-muted">
                        ({{ $comparacao['variacao'] >= 0 ? '+' : '' }}{{ number_format($comparacao['variacao_percentual'], 1, ',', '.') }}%)
                    </small>
                </div>
            </div>
        </div>
    </div>

    <!-- Detalhamento por Tipo de Custo -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold">Detalhamento de Custos</span>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead>
                        <tr>
                            <th>Tipo de Custo</th>
                            <th class="text-end">Orçado (R$)</th>
                            <th class="text-end">Real (R$)</th>
                            <th class="text-end">Variação (R$)</th>
                            <th class="text-end">Variação (%)</th>
                            <th class="text-center">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $tiposCusto = [
                                'MATERIA_PRIMA' => 'Matéria Prima',
                                'MAO_OBRA' => 'Mão de Obra',
                                'MAQUINA' => 'Máquina',
                                'ENERGIA' => 'Energia',
                                'REFUGO' => 'Refugo',
                                'OVERHEAD' => 'Overhead',
                                'OUTRO' => 'Outro'
                            ];
                        @endphp

                        @foreach($tiposCusto as $tipo => $descricao)
                        @php
                            $custoOrcado = $custoReal[$tipo]['orcado'] ?? 0;
                            $custoRealValor = $custoReal[$tipo]['real'] ?? 0;
                            $variacao = $custoRealValor - $custoOrcado;
                            $variacaoPerc = $custoOrcado > 0 ? (($variacao / $custoOrcado) * 100) : 0;
                        @endphp

                        @if($custoOrcado > 0 || $custoRealValor > 0)
                        <tr>
                            <td>
                                <strong>{{ $descricao }}</strong>
                            </td>
                            <td class="text-end">
                                {{ number_format($custoOrcado, 2, ',', '.') }}
                            </td>
                            <td class="text-end">
                                {{ number_format($custoRealValor, 2, ',', '.') }}
                            </td>
                            <td class="text-end {{ $variacao >= 0 ? 'text-danger' : 'text-success' }}">
                                {{ $variacao >= 0 ? '+' : '' }}{{ number_format($variacao, 2, ',', '.') }}
                            </td>
                            <td class="text-end {{ $variacao >= 0 ? 'text-danger' : 'text-success' }}">
                                {{ $variacao >= 0 ? '+' : '' }}{{ number_format($variacaoPerc, 1, ',', '.') }}%
                            </td>
                            <td class="text-center">
                                @if(abs($variacaoPerc) <= 5)
                                    <span class="badge bg-success">OK</span>
                                @elseif(abs($variacaoPerc) <= 10)
                                    <span class="badge bg-warning">Atenção</span>
                                @else
                                    <span class="badge bg-danger">Crítico</span>
                                @endif
                            </td>
                        </tr>
                        @endif
                        @endforeach

                        <!-- Total -->
                        <tr class="table-active fw-bold">
                            <td>TOTAL</td>
                            <td class="text-end">{{ number_format($comparacao['orcado'], 2, ',', '.') }}</td>
                            <td class="text-end">{{ number_format($comparacao['real'], 2, ',', '.') }}</td>
                            <td class="text-end {{ $comparacao['variacao'] >= 0 ? 'text-danger' : 'text-success' }}">
                                {{ $comparacao['variacao'] >= 0 ? '+' : '' }}{{ number_format($comparacao['variacao'], 2, ',', '.') }}
                            </td>
                            <td class="text-end {{ $comparacao['variacao'] >= 0 ? 'text-danger' : 'text-success' }}">
                                {{ $comparacao['variacao'] >= 0 ? '+' : '' }}{{ number_format($comparacao['variacao_percentual'], 1, ',', '.') }}%
                            </td>
                            <td class="text-center">
                                @if(abs($comparacao['variacao_percentual']) <= 5)
                                    <span class="badge bg-success">Dentro do Esperado</span>
                                @elseif(abs($comparacao['variacao_percentual']) <= 10)
                                    <span class="badge bg-warning">Requer Atenção</span>
                                @else
                                    <span class="badge bg-danger">Fora do Controle</span>
                                @endif
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Refugo Detalhado (se houver) -->
    @if(isset($custoReal['REFUGO']) && $custoReal['REFUGO']['real'] > 0)
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold text-danger">
                <i class="bi bi-exclamation-triangle me-2"></i>Análise de Refugo
            </span>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <h5 class="text-danger">Custo Total de Refugo</h5>
                    <h2 class="display-6">R$ {{ number_format($custoReal['REFUGO']['real'], 2, ',', '.') }}</h2>
                </div>
                <div class="col-md-6">
                    @php
                        $refugos = \App\Models\OrdemProducaoRefugo::where('ordem_producao_id', $ordem->id)->get();
                        $totalQuantidadeRefugada = $refugos->sum('quantidade_refugada');
                    @endphp
                    <h5 class="text-muted">Quantidade Total Refugada</h5>
                    <h2 class="display-6">{{ number_format($totalQuantidadeRefugada, 2, ',', '.') }}</h2>
                </div>
            </div>

            @if($refugos->count() > 0)
            <hr>
            <h6 class="fw-bold mb-3">Ocorrências de Refugo</h6>
            <div class="table-responsive">
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>Atividade</th>
                            <th>Motivo</th>
                            <th class="text-end">Quantidade</th>
                            <th class="text-end">Valor Perda</th>
                            <th>Operador</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($refugos as $refugo)
                        <tr>
                            <td>{{ $refugo->atividade->descricao ?? 'N/A' }}</td>
                            <td>
                                <span class="badge bg-secondary">{{ $refugo->getMotivoDescricao() }}</span>
                            </td>
                            <td class="text-end">{{ number_format($refugo->quantidade_refugada, 2, ',', '.') }}</td>
                            <td class="text-end">R$ {{ number_format($refugo->valor_perda, 2, ',', '.') }}</td>
                            <td>{{ $refugo->operador->name ?? 'N/A' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @endif
        </div>
    </div>
    @endif

    <!-- Observações -->
    <div class="card shadow border-0">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold">Informações Adicionais</span>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    <p class="mb-1">
                        <strong>Status da Ordem:</strong> 
                        <span class="badge 
                            @if($ordem->status == 'PENDENTE') bg-secondary
                            @elseif($ordem->status == 'EM_ANDAMENTO') bg-primary
                            @elseif($ordem->status == 'CONCLUIDA') bg-success
                            @else bg-danger
                            @endif">
                            {{ $ordem->status }}
                        </span>
                    </p>
                    <p class="mb-1"><strong>Produto:</strong> {{ $ordem->produto->nome }}</p>
                    <p class="mb-1"><strong>Quantidade:</strong> {{ number_format($ordem->quantidade, 2, ',', '.') }}</p>
                    @if($ordem->data_inicio)
                    <p class="mb-1"><strong>Data Início:</strong> {{ \Carbon\Carbon::parse($ordem->data_inicio)->format('d/m/Y H:i') }}</p>
                    @endif
                    @if($ordem->data_conclusao)
                    <p class="mb-0"><strong>Data Conclusão:</strong> {{ \Carbon\Carbon::parse($ordem->data_conclusao)->format('d/m/Y H:i') }}</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>