@php
$title = 'Detalhes do Lote';
@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('suprimentos.estoque') }}`)" class="text-decoration-none text-secondary">Suprimentos</a></li>
            <li class="breadcrumb-item"><a href="#" onclick="carregarConteudo(`{{ route('estoque.lotes.index') }}`)" class="text-decoration-none text-secondary">Lotes</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Detalhes</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-archive me-2 text-primary"></i>{{ $lote->codigo_lote }}
            </h1>
            <span class="text-muted small">{{ $lote->produto->nome }}</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary" onclick="carregarConteudo(`{{ route('estoque.lotes.index') }}`)">
                <i class="bi bi-arrow-left me-2"></i>Voltar
            </button>
            @if($lote->status == 'DISPONIVEL')
            <button type="button" class="btn btn-sm btn-outline-danger" onclick="bloquearLote({{ $lote->id }})">
                <i class="bi bi-lock-fill me-2"></i>Bloquear
            </button>
            @elseif($lote->status == 'BLOQUEADO')
            <button type="button" class="btn btn-sm btn-outline-success" onclick="liberarLote({{ $lote->id }})">
                <i class="bi bi-unlock-fill me-2"></i>Liberar
            </button>
            @endif
            <button type="button" class="btn btn-sm btn-outline-info" onclick="carregarConteudo(`{{ route('rastreabilidade.lote') }}?lote_id={{ $lote->id }}`)">
                <i class="bi bi-diagram-3 me-2"></i>Rastreabilidade
            </button>
        </div>
    </div>

    <!-- Status Alert -->
    @if($lote->status == 'BLOQUEADO')
    <div class="alert alert-danger shadow-sm">
        <h5 class="alert-heading"><i class="bi bi-exclamation-triangle-fill me-2"></i>LOTE BLOQUEADO</h5>
        <p class="mb-0"><strong>Motivo:</strong> {{ $lote->motivo_bloqueio ?? 'Não especificado' }}</p>
    </div>
    @elseif($lote->isVencido())
    <div class="alert alert-danger shadow-sm">
        <h5 class="alert-heading"><i class="bi bi-calendar-x-fill me-2"></i>LOTE VENCIDO</h5>
        <p class="mb-0">Este lote venceu em {{ $lote->data_validade->format('d/m/Y') }}</p>
    </div>
    @elseif($lote->diasParaVencer() <= 30 && $lote->diasParaVencer() > 0)
    <div class="alert alert-warning shadow-sm">
        <h5 class="alert-heading"><i class="bi bi-exclamation-triangle-fill me-2"></i>ATENÇÃO: Lote Próximo ao Vencimento</h5>
        <p class="mb-0">Este lote vencerá em {{ $lote->diasParaVencer() }} dias ({{ $lote->data_validade->format('d/m/Y') }})</p>
    </div>
    @endif

    <div class="row">
        <!-- Resumo do Lote -->
        <div class="col-md-4">
            <div class="card shadow border-0 mb-4" style="height: 95%;">
                <div class="card-header bg-white border-0 pb-1">
                    <span class="fw-bold">Resumo do Lote</span>
                </div>
                <div class="card-body d-flex flex-column">
                    <div class="border border-secondary border-opacity-25 rounded p-3 mb-2">
                        <div class="mb-2">
                            <label class="form-label text-muted small">Código do Lote</label>
                            <div><span class="badge bg-info bg-opacity-75 fs-6">{{ $lote->codigo_lote }}</span></div>
                        </div>
                        <div class="mb-2">
                            <label class="form-label text-muted small">Produto</label>
                            <div class="fw-bold">{{ $lote->produto->codigo }} - {{ $lote->produto->nome }}</div>
                        </div>
                        <div class="mb-2">
                            <label class="form-label text-muted small">Status</label>
                            <div>
                                @if($lote->status == 'DISPONIVEL')
                                    <span class="badge bg-success">Disponível</span>
                                @elseif($lote->status == 'BLOQUEADO')
                                    <span class="badge bg-danger">Bloqueado</span>
                                @elseif($lote->status == 'QUARENTENA')
                                    <span class="badge bg-warning text-dark">Quarentena</span>
                                @elseif($lote->status == 'ESGOTADO')
                                    <span class="badge bg-secondary">Esgotado</span>
                                @else
                                    <span class="badge bg-secondary">{{ $lote->status }}</span>
                                @endif
                            </div>
                        </div>
                        <div class="mb-2">
                            <label class="form-label text-muted small">Fornecedor</label>
                            <div class="fw-bold">
                                @if($lote->fornecedor)
                                    {{ $lote->fornecedor->razao_social }}
                                @else
                                    <span class="text-muted">Produção própria</span>
                                @endif
                            </div>
                        </div>
                        <div class="mb-2">
                            <label class="form-label text-muted small">Quantidade Inicial</label>
                            <div class="fw-bold">{{ number_format($lote->quantidade_inicial, 0, ',', '.') }} {{ $lote->produto->unidadeMedida->unidade ?? 'UN' }}</div>
                        </div>
                        <div class="mb-0">
                            <label class="form-label text-muted small">Quantidade Atual</label>
                            <div class="fw-bold {{ $lote->quantidade_atual > 0 ? 'text-success' : 'text-danger' }}">
                                {{ number_format($lote->quantidade_atual, 0, ',', '.') }} {{ $lote->produto->unidadeMedida->unidade ?? 'UN' }}
                            </div>
                        </div>
                    </div>
                    <div class="mb-2">
                        <div class="border border-secondary border-opacity-25 rounded p-3 bg-light bg-opacity-50">
                            <label class="form-label text-muted small mb-1">Data de Entrada</label>
                            <div class="fw-bold text-primary fs-5">{{ $lote->data_entrada->format('d/m/Y') }}</div>
                        </div>
                    </div>
                    @if($lote->created_at)
                    <div class="mb-0">
                        <div class="border border-secondary border-opacity-25 rounded p-2">
                            <label class="form-label text-muted small mb-1">Auditoria</label>
                            <small class="text-muted d-block">
                                <strong>Criado em:</strong> {{ $lote->created_at->format('d/m/Y H:i') }}
                                @if($lote->usuarioInclusao)
                                    por {{ $lote->usuarioInclusao->name }}
                                @endif
                            </small>
                            @if($lote->updated_at != $lote->created_at)
                            <small class="text-muted d-block mt-1">
                                <strong>Atualizado:</strong> {{ $lote->updated_at->format('d/m/Y H:i') }}
                                @if($lote->usuarioAlteracao)
                                    por {{ $lote->usuarioAlteracao->name }}
                                @endif
                            </small>
                            @endif
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Detalhes do Lote -->
        <div class="col-md-8">
            <div class="card shadow border-0 mb-4" style="height: 95%;">
                <div class="card-header bg-white border-0 pb-1">
                    <span class="fw-bold">Detalhes do Lote</span>
                </div>
                <div class="card-body">
                    
                    <h5 class="mb-3">Datas</h5>
                    <div class="border rounded p-3 mb-3" style="border-color: #dee2e6 !important;">
                        <div class="row">
                            <div class="col-md-4">
                                <label class="form-label fw-bold">Data de Entrada</label>
                                <p class="form-control-plaintext">{{ $lote->data_entrada->format('d/m/Y') }}</p>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-bold">Data de Fabricação</label>
                                <p class="form-control-plaintext">
                                    @if($lote->data_fabricacao)
                                        {{ $lote->data_fabricacao->format('d/m/Y') }}
                                    @else
                                        <span class="text-muted">Não informada</span>
                                    @endif
                                </p>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-bold">Data de Validade</label>
                                <p class="form-control-plaintext">
                                    @if($lote->data_validade)
                                        {{ $lote->data_validade->format('d/m/Y') }}
                                        @if(!$lote->isVencido() && $lote->diasParaVencer())
                                            <br><small class="text-muted">{{ $lote->diasParaVencer() }} dias para vencer</small>
                                        @elseif($lote->isVencido())
                                            <br><small class="text-danger fw-bold">VENCIDO</small>
                                        @endif
                                    @else
                                        <span class="text-muted">Indeterminado</span>
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>

                    <h5 class="mb-3">Origem</h5>
                    <div class="border rounded p-3 mb-3" style="border-color: #dee2e6 !important;">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label fw-bold">Fornecedor</label>
                                <p class="form-control-plaintext">
                                    @if($lote->fornecedor)
                                        {{ $lote->fornecedor->razao_social }}<br>
                                        <small class="text-muted">{{ $lote->fornecedor->cnpj_formatado }}</small>
                                    @else
                                        <span class="text-muted">Produção própria ou entrada manual</span>
                                    @endif
                                </p>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-bold">Compra</label>
                                <p class="form-control-plaintext">
                                    @if($lote->compra)
                                        Compra #{{ $lote->compra->id }}<br>
                                        <small class="text-muted">NF: {{ $lote->compra->numero_nota_fiscal ?? 'S/N' }}</small>
                                    @else
                                        <span class="text-muted">-</span>
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>

                    @if($lote->numero_certificado)
                    <h5 class="mb-3">Certificado de Qualidade</h5>
                    <div class="border rounded p-3 mb-3" style="border-color: #dee2e6 !important;">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label fw-bold">Número do Certificado</label>
                                <p class="form-control-plaintext">{{ $lote->numero_certificado }}</p>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-bold">Arquivo</label>
                                <p class="form-control-plaintext">
                                    @if($lote->arquivo_certificado)
                                        <a href="{{ asset('storage/' . $lote->arquivo_certificado) }}" target="_blank" class="btn btn-sm btn-outline-primary">
                                            <i class="bi bi-download me-1"></i>Baixar PDF
                                        </a>
                                    @else
                                        <span class="text-muted">Não anexado</span>
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>
                    @endif

                    @if($lote->observacoes)
                    <h5 class="mb-3">Observações</h5>
                    <div class="border rounded p-3" style="border-color: #dee2e6 !important;">
                        <p class="mb-0">{{ $lote->observacoes }}</p>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/lotes.js') }}"></script>