@extends('procurement::layouts.master')
@section('title','Import KiCad BOM')
@section('content')
<h1 class="h3 mb-4">Import KiCad BOM</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 BOM CSV</h6></div>
            <div class="card-body">
                <form method="POST" action="{{ route('procurement.import.bom.parse') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label>Project <span class="text-danger">*</span></label>
                        <select name="project_id" class="form-control" required>
                            <option value="">— Select project —</option>
                            @foreach($projects as $p)
                            <option value="{{ $p->id }}">{{ $p->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>KiCad BOM CSV <span class="text-danger">*</span></label>
                        <input type="file" name="file" class="form-control-file" accept=".csv,.txt" required>
                        <small class="text-muted">Export from KiCad → Tools → Generate BOM → CSV format.</small>
                    </div>
                    <button type="submit" class="btn btn-dark btn-lg">
                        <i class="fas fa-upload mr-1"></i> Parse BOM
                    </button>
                    <a href="{{ route('procurement.components.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">Expected CSV Format</h6></div>
            <div class="card-body">
                <p class="small">The importer expects these columns (your SSW100.csv format):</p>
                <table class="table table-sm small">
                    <thead class="thead-light"><tr><th>Column</th><th>Maps To</th></tr></thead>
                    <tbody>
                        <tr><td><code>Value</code></td><td>Component value / description</td></tr>
                        <tr><td><code>PartNumber</code></td><td>MFG part number</td></tr>
                        <tr><td><code>Description</code></td><td>Full description</td></tr>
                        <tr><td><code>Qty</code></td><td>Quantity per board</td></tr>
                        <tr><td><code>100 Unit Cost</code></td><td>Unit cost (USD)</td></tr>
                        <tr><td><code>Distributor</code></td><td>Supplier / URL</td></tr>
                        <tr><td><code>Reference</code></td><td>Ref designators (R1, C1…)</td></tr>
                    </tbody>
                </table>
                <p class="small text-muted mb-0">Rows with empty PartNumber or "-- mixed values --" are skipped automatically.</p>
            </div>
        </div>
    </div>
</div>
@endsection