@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('already_in_project',true)->count() }}</strong> already on this project's BOM.
    <strong>{{ collect($parsed['components'])->where('exists',true)->where('already_in_project',false)->count() }}</strong> already in the component database (will attach to this project, not duplicate).
    <strong>{{ collect($parsed['components'])->where('exists',false)->count() }}</strong> brand new part numbers.
    <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 class="d-flex align-items-center">
            <input type="text" data-pf-filter="bom-preview-table" class="form-control form-control-sm mr-2" placeholder="Search..." style="width:180px">
            <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" data-pf-table id="bom-preview-table">
            <thead class="thead-dark">
                <tr>
                    <th>Import</th>
                    <th data-pf-sort="text">Ref <i class="fas fa-sort text-white-50 pf-sort-icon"></i></th>
                    <th data-pf-sort="text">Part Number <i class="fas fa-sort text-white-50 pf-sort-icon"></i></th>
                    <th data-pf-sort="text">Description <i class="fas fa-sort text-white-50 pf-sort-icon"></i></th>
                    <th data-pf-sort="text">Category <i class="fas fa-sort text-white-50 pf-sort-icon"></i></th>
                    <th class="text-center" data-pf-sort="number">Qty/Bd <i class="fas fa-sort text-white-50 pf-sort-icon"></i></th>
                    <th class="text-right" data-pf-sort="number">Unit $ <i class="fas fa-sort text-white-50 pf-sort-icon"></i></th>
                    <th data-pf-sort="text">Supplier <i class="fas fa-sort text-white-50 pf-sort-icon"></i></th>
                    <th data-pf-sort="text">Status <i class="fas fa-sort text-white-50 pf-sort-icon"></i></th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($parsed['components'] as $idx => $comp)
                <tr class="{{ $comp['exists'] ? 'table-light' : '' }}" data-pf-row>
                    <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" data-pf-value="{{ $comp['unit_cost'] }}">${{ $comp['unit_cost'] > 0 ? number_format($comp['unit_cost'],4) : '—' }}</td>
                    <td><small>{{ Str::limit($comp['supplier'],20) ?: '—' }}</small></td>
                    <td data-pf-value="{{ $comp['already_in_project'] ? 'On this BOM' : ($comp['exists'] ? 'In database' : 'New') }}">
                        @if($comp['already_in_project'])
                            <span class="badge badge-info">On this BOM</span>
                        @elseif($comp['exists'])
                            <span class="badge badge-primary">In database</span>
                        @else
                            <span class="badge badge-success">New</span>
                        @endif
                    </td>
                    <td>
                        @if($comp['already_in_project'])
                            <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 ref/qty</label>
                            </div>
                        @elseif($comp['exists'])
                            <span class="text-primary small">Will attach to this project (no duplicate)</span>
                        @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" data-pf-table id="bom-skipped-table">
            <thead class="thead-light"><tr>
                <th data-pf-sort="text">Reference <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                <th data-pf-sort="text">Reason <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
            </tr></thead>
            <tbody>
                @foreach($parsed['skipped'] as $skip)
                <tr data-pf-row><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