@php
$title = 'Receber Compra';
@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.compras') }}`)" class="text-decoration-none text-secondary">Compras</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Receber Compra</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-box-arrow-in-down me-2 text-success"></i>Receber Compra
            </h1>
            <span class="text-muted small">Pedido Nº {{ $compra->numero_pedido }}</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary" onclick="carregarConteudo(`{{ route('suprimentos.compras') }}`)">
                <i class="bi bi-arrow-left me-2"></i>Voltar
            </button>
        </div>
    </div>

    <div class="row">
        <!-- Dados da Compra -->
        <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 da Compra</span>
                </div>
                <div class="card-body d-flex flex-column">
                    <div class="border border-secondary border-opacity-25 rounded p-3 mb-3 flex-grow-1">
                        <div class="mb-3">
                            <label class="form-label text-muted small">Número do Pedido</label>
                            <div><span class="badge bg-info bg-opacity-75">{{ $compra->numero_pedido }}</span></div>
                        </div>
                        <div class="mb-3">
                            <label class="form-label text-muted small">Fornecedor</label>
                            <div class="fw-bold">{{ $compra->fornecedor->nome_fantasia }}</div>
                        </div>
                        <div class="mb-3">
                            <label class="form-label text-muted small">Data do Pedido</label>
                            <div class="fw-bold">{{ \Carbon\Carbon::parse($compra->data_compra)->format('d/m/Y') }}</div>
                        </div>
                        @if($compra->codigo_rastreio)
                        <div class="mb-3">
                            <label class="form-label text-muted small">Código de Rastreio</label>
                            <div class="fw-bold">{{ $compra->codigo_rastreio }}</div>
                        </div>
                        @endif
                        <div class="mb-0">
                            <label class="form-label text-muted small">Quantidade de Itens</label>
                            <div class="fw-bold">{{ $compra->itens->count() }} itens</div>
                        </div>
                    </div>
                    <div class="mb-0">
                        <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">Valor Total</label>
                            <div class="fw-bold text-primary fs-4">R$ {{ number_format($compra->valor_total, 2, ',', '.') }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Formulário de Recebimento -->
        <div class="col-md-8">
            <div class="card shadow border-0 mb-4">
                <div class="card-header bg-white border-0 pb-1">
                    <span class="fw-bold">Dados do Recebimento</span>
                </div>
                <div class="card-body">
                    <form id="formReceberCompra" class="needs-validation" novalidate>
                        @csrf
                        @method('PATCH')
                        
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="data_recebimento" class="form-label required-field">Data do Recebimento</label>
                                <div class="input-group">
                                    <input type="text" class="form-control datepicker" id="data_recebimento"
                                        style="z-index: 1 !important;"
                                        name="dados[data_recebimento]"
                                        data-mask="date"
                                        value="{{ \Carbon\Carbon::now()->format('d/m/Y') }}"
                                        readonly
                                        required>
                                    <span class="input-group-text"><i class="bi bi-calendar3"></i></span>
                                </div>
                                <div class="invalid-feedback">Por favor, informe a data do recebimento.</div>
                            </div>
                            <div class="col-md-6">
                                <label for="localizacao_id" class="form-label required-field">Localização no Estoque</label>
                                <select class="form-select" id="localizacao_id" name="dados[localizacao_id]" required>
                                    <option value="">Selecione a localização...</option>
                                    @foreach($localizacoes as $localizacao)
                                        <option value="{{ $localizacao->id }}">{{ $localizacao->codigo }} - {{ $localizacao->descricao }}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Por favor, selecione a localização de estoque.</div>
                            </div>
                        </div>

                        <h6 class="mb-3 mt-4">Dados da Nota Fiscal (Opcional)</h6>

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="numero_nota_fiscal" class="form-label">Número da NF-e</label>
                                <input type="text" class="form-control" id="numero_nota_fiscal" name="dados[numero_nota_fiscal]" value="{{ $compra->numero_nota_fiscal }}" placeholder="Ex: 123456">
                            </div>
                            <div class="col-md-6">
                                <label for="serie_nota_fiscal" class="form-label">Série da NF-e</label>
                                <input type="text" class="form-control" id="serie_nota_fiscal" name="dados[serie_nota_fiscal]" value="{{ $compra->serie_nota_fiscal }}" placeholder="Ex: 1">
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-12">
                                <label for="chave_acesso_nfe" class="form-label">Chave de Acesso da NF-e</label>
                                <input type="text" class="form-control" id="chave_acesso_nfe" name="dados[chave_acesso_nfe]" value="{{ $compra->chave_acesso_nfe }}" placeholder="44 dígitos da chave de acesso" maxlength="44">
                                <small class="text-muted">Chave de 44 dígitos localizada no DANFE</small>
                            </div>
                        </div>

                        <div class="alert alert-info border-0 shadow-sm mb-3">
                            <div class="d-flex">
                                <div class="flex-shrink-0">
                                    <i class="bi bi-info-circle fs-4 me-2"></i>
                                </div>
                                <div class="flex-grow-1">
                                    <strong>Importante:</strong> Ao confirmar o recebimento, os seguintes processos serão executados automaticamente:
                                    <ul class="mb-0 mt-2" style="font-size: 0.95rem;">
                                        <li><i class="bi bi-check2 text-success me-1"></i> <strong>Entrada de estoque</strong> nas quantidades compradas na localização selecionada</li>
                                        <li><i class="bi bi-check2 text-success me-1"></i> <strong>Atualização de custos</strong> das matérias-primas com os valores pagos nesta compra</li>
                                        <li><i class="bi bi-check2 text-success me-1"></i> <strong>Recálculo de preços de venda</strong> preservando a margem de lucro atual</li>
                                        <li><i class="bi bi-check2 text-success me-1"></i> <strong>Registro de auditoria</strong> completo de todas as alterações (custos, vendas e margens)</li>
                                    </ul>
                                    <div class="mt-2 small text-muted">
                                        <i class="bi bi-lightbulb me-1"></i> <em>Os preços de venda serão ajustados automaticamente mantendo sua margem de lucro configurada.</em>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="d-flex justify-content-end gap-2">
                            <button type="button" class="btn btn-secondary" onclick="carregarConteudo(`{{ route('suprimentos.compras') }}`)">
                                <i class="bi bi-x-circle me-2"></i>Cancelar
                            </button>
                            <button type="button" class="btn btn-success" onclick="atualizar(`{{ route('compras.receber.post', $compra->id) }}`, 'formReceberCompra')">
                                <i class="bi bi-check-circle me-2"></i>Confirmar Recebimento
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Itens da Compra -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold">Itens que serão recebidos</span>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead class="table-light">
                        <tr>
                            <th style="width: 5%">#</th>
                            <th style="width: 35%">Produto</th>
                            <th style="width: 12%" class="text-center">Quantidade</th>
                            <th style="width: 13%" class="text-center">Unidade</th>
                            <th style="width: 15%" class="text-end">Valor Unit.</th>
                            <th style="width: 20%" class="text-end">Valor Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($compra->itens as $index => $item)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td>
                                <strong>{{ $item->produto->codigo }}</strong> - {{ $item->produto->nome }}
                            </td>
                            <td class="text-center">
                                <span class="badge bg-primary">{{ number_format($item->quantidade, 0, ',', '.') }}</span>
                            </td>
                            <td class="text-center">{{ $item->unidade->unidade }}</td>
                            <td class="text-end">R$ {{ number_format($item->valor_unitario, 2, ',', '.') }}</td>
                            <td class="text-end fw-bold">R$ {{ number_format($item->valor_total, 2, ',', '.') }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot class="table-light">
                        <tr>
                            <td colspan="5" class="text-end fw-bold">TOTAL:</td>
                            <td class="text-end fw-bold text-primary fs-5">R$ {{ number_format($compra->valor_total, 2, ',', '.') }}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>

    <!-- Dados dos Lotes -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold">Dados dos Lotes (Rastreabilidade)</span>
        </div>
        <div class="card-body">
            @foreach($compra->itens as $index => $item)
                <div class="border rounded p-3 mb-3">
                    <h6 class="text-primary mb-3">
                        <i class="bi bi-box-seam me-2"></i>
                        {{ $item->produto->codigo }} - {{ $item->produto->nome }}
                    </h6>
                    
                    <div class="row">
                        <div class="col-md-3">
                            <label for="data_fabricacao_{{ $item->id }}" class="form-label">Data de Fabricação</label>
                            <div class="input-group">
                                <input type="text" class="form-control datepicker" 
                                       id="data_fabricacao_{{ $item->id }}" 
                                       name="dados[lotes][{{ $item->id }}][data_fabricacao]"
                                       data-mask="date"
                                       placeholder="dd/mm/aaaa">
                                <span class="input-group-text"><i class="bi bi-calendar3"></i></span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <label for="data_validade_{{ $item->id }}" class="form-label">Data de Validade</label>
                            <div class="input-group">
                                <input type="text" class="form-control datepicker" 
                                       id="data_validade_{{ $item->id }}" 
                                       name="dados[lotes][{{ $item->id }}][data_validade]"
                                       data-mask="date"
                                       placeholder="dd/mm/aaaa">
                                <span class="input-group-text"><i class="bi bi-calendar3"></i></span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <label for="numero_certificado_{{ $item->id }}" class="form-label">Nº Certificado</label>
                            <input type="text" class="form-control" 
                                   id="numero_certificado_{{ $item->id }}" 
                                   name="dados[lotes][{{ $item->id }}][numero_certificado]"
                                   placeholder="Ex: CERT-2024-001">
                        </div>
                        <div class="col-md-3">
                            <label for="arquivo_certificado_{{ $item->id }}" class="form-label">Arquivo Certificado</label>
                            <input type="file" class="form-control" 
                                   id="arquivo_certificado_{{ $item->id }}" 
                                   name="dados[lotes][{{ $item->id }}][arquivo_certificado]"
                                   accept=".pdf,.jpg,.jpeg,.png">
                        </div>
                    </div>
                </div>
            @endforeach
            
            <div class="alert alert-info border-0 mb-0">
                <i class="bi bi-info-circle me-2"></i>
                <small>Os dados de lote são opcionais, mas recomendados para rastreabilidade completa do produto.</small>
            </div>
        </div>
    </div>
</div>