@extends('layouts.app')
@section('title','Importar XML de compra')
@section('content')
<div class="row between" style="margin-bottom:18px">
    <div>
        <h1 style="margin-bottom:4px">Importar XML de NF-e</h1>
        <div class="muted">Crie uma compra em rascunho a partir do XML recebido do fornecedor.</div>
    </div>
    <a class="btn secondary" href="{{ route('purchases.index') }}">Voltar às compras</a>
</div>

<div class="grid grid-2" style="align-items:start">
    <div class="card">
        <h2>Selecionar arquivo</h2>
        <form method="POST" action="{{ route('purchases.xml.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="field">
                <label>XML da NF-e *</label>
                <input type="file" name="xml" accept=".xml,text/xml,application/xml" required>
                <div class="small muted" style="margin-top:6px">Limite de 2 MB. O arquivo é lido apenas para montar a entrada; nenhum estoque é movimentado nesta etapa.</div>
            </div>
            <button class="btn primary" type="submit">Ler XML e criar rascunho</button>
        </form>
    </div>

    <div class="card">
        <h2>Como funciona</h2>
        <div class="timeline">
            <div class="timeline-item"><strong>1. Leitura segura</strong><div class="small muted">O sistema valida a estrutura da NF-e e bloqueia XML com declarações externas perigosas.</div></div>
            <div class="timeline-item"><strong>2. Fornecedor</strong><div class="small muted">Procura pelo CPF/CNPJ. Se não existir, cria o fornecedor com os dados do XML.</div></div>
            <div class="timeline-item"><strong>3. Produtos</strong><div class="small muted">Tenta localizar por código de barras, SKU e nome. Produtos novos entram ativos, com estoque controlado e preço de venda zerado para revisão.</div></div>
            <div class="timeline-item"><strong>4. Conferência</strong><div class="small muted">A compra fica em rascunho. Você pode conferir e ajustar tudo antes da entrada definitiva.</div></div>
            <div class="timeline-item"><strong>5. Recebimento</strong><div class="small muted">Somente ao clicar em “Receber mercadoria” o estoque e o custo dos produtos são atualizados.</div></div>
        </div>
    </div>
</div>
@endsection