@extends('procurement::layouts.master')
@section('title','Import Invoice')
@section('content')
<h1 class="h3 mb-4">Import Invoice</h1>

<div class="row">
    <div class="col-md-6">
        <div class="card shadow mb-4">
            <div class="card-header"><h6 class="m-0 font-weight-bold">Upload Invoice File</h6></div>
            <div class="card-body">
                <form method="POST" action="{{ route('procurement.import.invoice.parse') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label>Invoice File <span class="text-danger">*</span></label>
                        <input type="file" name="file" class="form-control-file" accept=".pdf,.xlsx,.xls,.csv" required>
                        <small class="text-muted">Supported: Mouser PDF, DigiKey PDF, Excel (.xlsx), CSV. Max 20MB.</small>
                    </div>
                    <button type="submit" class="btn btn-dark btn-lg">
                        <i class="fas fa-upload mr-1"></i> Parse Invoice
                    </button>
                    <a href="{{ route('procurement.invoices.index') }}" class="btn btn-link">Cancel</a>
                </form>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card shadow mb-4">
            <div class="card-header"><h6 class="m-0 font-weight-bold">Supported Formats</h6></div>
            <div class="card-body">
                <dl class="row small mb-0">
                    <dt class="col-4"><i class="fas fa-file-pdf text-danger mr-1"></i> Mouser PDF</dt>
                    <dd class="col-8">Auto-detects supplier, extracts all line items, tariffs, COO, HTS codes</dd>
                    <dt class="col-4"><i class="fas fa-file-pdf text-danger mr-1"></i> DigiKey PDF</dt>
                    <dd class="col-8">Auto-detects supplier, extracts all line items, MFG part numbers</dd>
                    <dt class="col-4"><i class="fas fa-file-excel text-success mr-1"></i> Excel / CSV</dt>
                    <dd class="col-8">Flexible column mapping — works with most distributor export formats</dd>
                </dl>
                <hr>
                <p class="small text-muted mb-0">
                    After parsing you'll see a preview of all extracted line items. 
                    Items are automatically matched to existing components by part number. 
                    Unmatched items are flagged for review.
                </p>
            </div>
        </div>
    </div>
</div>
@endsection