@extends('procurement::layouts.master')
@section('title','BOM Preview')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0">BOM Preview — {{ $project->name }}</h1>
    <a href="{{ route('procurement.import.bom') }}" class="btn btn-sm btn-outline-secondary">← Upload Different File</a>
</div>

@if(!empty($parsed['errors']))
    <div class="alert alert-warning">
        <ul class="mb-0">@foreach($parsed['errors'] as $e)<li>{{ $e }}</li>@endforeach</ul>
    </div>
@endif

<div class="alert alert-info small">
    <strong>{{ count($parsed['components']) }}</strong> components parsed.
    <strong>{{ collect($parsed['components'])->where('exists',true)->count() }}</strong> already exist in the database.
    <strong>{{ count($parsed['skipped']) }}</strong> rows skipped (no part number or mixed values).
</div>

<form method="POST" action="{{ route('procurement.import.bom.import') }}">
@csrf

<div class="card shadow mb-4">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h6 class="m-0 font-weight-bold">Components to Import</h6>
        <div>
            <button type="button" class="btn btn-xs btn-outline-secondary" onclick="toggleAll(true)">Select All</button>
            <button type="button" class="btn btn-xs btn-outline-secondary" onclick="toggleAll(false)">Deselect All</button>
        </div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
        <table class="table table-sm mb-0">
            <thead class="thead-dark">
                <tr>
                    <th>Import</th>
                    <th>Ref</th>
                    <th>Part Number</th>
                    <th>Description</th>
                    <th>Category</th>
                    <th class="text-center">Qty/Bd</th>
                    <th class="text-right">Unit $</th>
                    <th>Supplier</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($parsed['components'] as $idx => $comp)
                <tr class="{{ $comp['exists'] ? 'table-light' : '' }}">
                    <td>
                        <input type="checkbox" name="import_{{ $idx }}" value="1" checked class="comp-check">
                    </td>
                    <td><code class="small">{{ $comp['ref_designator'] }}</code></td>
                    <td><code class="small font-weight-bold">{{ $comp['part_number'] }}</code></td>
                    <td><small>{{ Str::limit($comp['description'],40) }}</small></td>
                    <td><span class="badge badge-secondary">{{ ucwords(str_replace('_',' ',$comp['category'])) }}</span></td>
                    <td class="text-center">{{ $comp['qty_per_board'] }}</td>
                    <td class="text-right">${{ $comp['unit_cost'] > 0 ? number_format($comp['unit_cost'],4) : '—' }}</td>
                    <td><small>{{ Str::limit($comp['supplier'],20) ?: '—' }}</small></td>
                    <td>
                        @if($comp['exists'])
                            <span class="badge badge-info">Exists</span>
                        @else
                            <span class="badge badge-success">New</span>
                        @endif
                    </td>
                    <td>
                        @if($comp['exists'])
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" name="update_{{ $idx }}" value="1" id="upd_{{ $idx }}">
                                <label class="custom-control-label small" for="upd_{{ $idx }}">Overwrite</label>
                            </div>
                        @else
                            <span class="text-success small">Will create</span>
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        </div>
    </div>
</div>

@if(!empty($parsed['skipped']))
<div class="card shadow mb-4">
    <div class="card-header"><h6 class="m-0 font-weight-bold text-muted">Skipped Rows ({{ count($parsed['skipped']) }})</h6></div>
    <div class="card-body p-0">
        <table class="table table-sm mb-0">
            <thead class="thead-light"><tr><th>Reference</th><th>Reason</th></tr></thead>
            <tbody>
                @foreach($parsed['skipped'] as $skip)
                <tr><td><code>{{ $skip['ref'] }}</code></td><td><small class="text-muted">{{ $skip['reason'] }}</small></td></tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endif

<button type="submit" class="btn btn-dark btn-lg">
    <i class="fas fa-database mr-1"></i> Import to Database
</button>
<a href="{{ route('procurement.import.bom') }}" class="btn btn-link">Cancel</a>
</form>
@endsection

@push('scripts')
<script>
function toggleAll(state) {
    document.querySelectorAll('.comp-check').forEach(cb => cb.checked = state);
}
</script>
@endpush