@extends('layouts.app')

@section('titulo', "OP {$ordem->numero}")
@section('subtitulo', 'Produção')

@section('acoes')
    @can('producao.editar')
        @if ($ordem->status === 'planejada')
            <form method="POST" action="{{ route('producao.iniciar', $ordem) }}" class="d-inline">
                @csrf
                <button type="submit" class="btn btn-outline-secondary btn-sm">Iniciar Produção</button>
            </form>
        @endif
        @if (in_array($ordem->status, ['planejada','em_producao'], true))
            <a href="{{ route('producao.finalizar.form', $ordem) }}" class="btn btn-primary btn-sm">Finalizar Produção</a>
            <button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="modal" data-bs-target="#modalCancelarOP">Cancelar</button>
        @endif
    @endcan
@endsection

@section('conteudo')
<div class="row g-3 mb-3">
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Status</div>
            <div class="kpi-value h6 mb-0"><span class="badge-status {{ $ordem->status === 'em_producao' ? 'producao' : $ordem->status }}">{{ str_replace('_',' ',$ordem->status) }}</span></div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Planejado / Produzido</div>
            <div class="kpi-value h6 mb-0">
                {{ number_format($ordem->quantidade_planejada, 3, ',', '.') }}
                @if($ordem->quantidade_produzida) / {{ number_format($ordem->quantidade_produzida, 3, ',', '.') }} @endif
                {{ $ordem->produto->unidade->sigla ?? '' }}
            </div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Custo Total</div>
            <div class="kpi-value">{{ $ordem->custo_total ? 'R$ '.number_format($ordem->custo_total, 2, ',', '.') : '—' }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Custo Unitário</div>
            <div class="kpi-value">{{ $ordem->custo_unitario ? 'R$ '.number_format($ordem->custo_unitario, 4, ',', '.') : '—' }}</div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-7">
        <div class="card mb-3">
            <div class="card-header">Consumo de Matéria-Prima</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <thead>
                        <tr>
                            <th>Insumo</th>
                            <th class="text-end">Planejado</th>
                            <th class="text-end">Consumido</th>
                            <th class="text-end">Custo Unit.</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($ordem->consumos as $consumo)
                            <tr>
                                <td>{{ $consumo->produto->descricao }}</td>
                                <td class="text-end">{{ number_format($consumo->quantidade_planejada, 4, ',', '.') }} {{ $consumo->produto->unidade->sigla ?? '' }}</td>
                                <td class="text-end">{{ $consumo->quantidade_consumida > 0 ? number_format($consumo->quantidade_consumida, 4, ',', '.') : '—' }}</td>
                                <td class="text-end text-money">R$ {{ number_format($consumo->custo_unitario, 4, ',', '.') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-lg-5">
        <div class="card mb-3">
            <div class="card-header">Informações</div>
            <div class="card-body small">
                <dl class="row mb-0">
                    <dt class="col-5 text-muted-sm">Produto</dt>
                    <dd class="col-7"><a href="{{ route('produtos.show', $ordem->produto) }}">{{ $ordem->produto->descricao }}</a></dd>

                    <dt class="col-5 text-muted-sm">Data Planejada</dt>
                    <dd class="col-7">{{ $ordem->data_planejada->format('d/m/Y') }}</dd>

                    <dt class="col-5 text-muted-sm">Início</dt>
                    <dd class="col-7">{{ $ordem->data_inicio?->format('d/m/Y H:i') ?? '—' }}</dd>

                    <dt class="col-5 text-muted-sm">Fim</dt>
                    <dd class="col-7">{{ $ordem->data_fim?->format('d/m/Y H:i') ?? '—' }}</dd>

                    <dt class="col-5 text-muted-sm">Responsável</dt>
                    <dd class="col-7">{{ $ordem->responsavel?->name ?? '—' }}</dd>

                    @if ($ordem->loteGerado)
                    <dt class="col-5 text-muted-sm">Lote Gerado</dt>
                    <dd class="col-7">{{ $ordem->loteGerado->numero_lote }}
                        @if($ordem->loteGerado->data_validade)
                            <span class="text-muted-sm">(val. {{ $ordem->loteGerado->data_validade->format('d/m/Y') }})</span>
                        @endif
                    </dd>
                    @endif
                </dl>

                @if ($ordem->observacoes)
                    <hr>
                    <p class="mb-0">{{ $ordem->observacoes }}</p>
                @endif
            </div>
        </div>
    </div>
</div>

@can('producao.editar')
<div class="modal fade" id="modalCancelarOP" tabindex="-1">
    <div class="modal-dialog">
        <form method="POST" action="{{ route('producao.cancelar', $ordem) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Cancelar OP {{ $ordem->numero }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <label class="form-label small fw-semibold">Observações</label>
                <textarea name="observacoes" class="form-control" rows="3"></textarea>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Voltar</button>
                <button type="submit" class="btn btn-danger">Confirmar Cancelamento</button>
            </div>
        </form>
    </div>
</div>
@endcan
@endsection