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

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

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

<!-- Invoice Header -->
<div class="card shadow mb-4">
    <div class="card-header"><h6 class="m-0 font-weight-bold">Invoice Details — Review & Confirm</h6></div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-3">
                <div class="form-group">
                    <label>Invoice Number <span class="text-danger">*</span></label>
                    <input type="text" name="invoice_number" class="form-control" value="{{ $parsed['invoice_number'] }}" required>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label>Supplier</label>
                    @php
                        $matchedSupplier = $suppliers->first(fn($s) => Str::contains(strtolower($parsed['supplier']), strtolower($s->name)) || Str::contains(strtolower($s->name), strtolower($parsed['supplier'])));
                    @endphp
                    <select name="supplier_id" class="form-control">
                        <option value="">— Match manually —</option>
                        @if(!$matchedSupplier && !empty($parsed['supplier']) && $parsed['supplier'] !== 'Unknown')
                        <option value="__new__" selected>+ Create new: {{ $parsed['supplier'] }}</option>
                        @endif
                        @foreach($suppliers as $s)
                        <option value="{{ $s->id }}" {{ $matchedSupplier && $matchedSupplier->id === $s->id ? 'selected' : '' }}>
                            {{ $s->name }}
                        </option>
                        @endforeach
                    </select>
                    <input type="hidden" name="detected_supplier_name" value="{{ $parsed['supplier'] }}">
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>Invoice Date <span class="text-danger">*</span></label>
                    <input type="date" name="invoice_date" class="form-control" value="{{ $parsed['invoice_date'] }}" required>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>Due Date</label>
                    <input type="date" name="due_date" class="form-control">
                </div>
            </div>
            <div class="col-md-1">
                <div class="form-group">
                    <label>Currency</label>
                    <select name="currency" class="form-control">
                        @foreach(['USD','CNY','EUR'] as $c)
                        <option value="{{ $c }}" {{ $parsed['currency']==$c?'selected':'' }}>{{ $c }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <div class="form-group">
                    <label>Subtotal ($)</label>
                    <input type="number" name="amount" class="form-control" value="{{ $parsed['subtotal'] }}" step="0.01" min="0" required>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>Shipping ($)</label>
                    <input type="number" name="shipping" class="form-control" value="{{ $parsed['shipping'] }}" step="0.01" min="0">
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>Tax ($)</label>
                    <input type="number" name="tax" class="form-control" value="{{ $parsed['tax'] }}" step="0.01" min="0">
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>Tariff ($)</label>
                    <input type="number" name="tariff" class="form-control" value="{{ $parsed['tariff'] }}" step="0.01" min="0">
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>Total ($)</label>
                    <input type="number" class="form-control bg-light" value="{{ $parsed['total'] }}" readonly>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label>Notes</label>
                    <textarea name="notes" class="form-control" rows="1" placeholder="Auto-imported from PDF"></textarea>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Line Items -->
<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">Line Items ({{ count($parsed['lines']) }} extracted)</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>
            <span class="ml-3 small">
                <span class="badge badge-success">{{ collect($parsed['lines'])->where('component_matched',true)->count() }}</span> matched
                <span class="badge badge-warning ml-1">{{ collect($parsed['lines'])->where('component_matched',false)->count() }}</span> unmatched
            </span>
        </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 style="width:30px"><input type="checkbox" id="check-all" checked></th>
                    <th>#</th>
                    <th>Supplier Part #</th>
                    <th>MFG Part #</th>
                    <th>Description</th>
                    <th>Manufacturer</th>
                    <th>COO</th>
                    <th>HTS</th>
                    <th class="text-center">Qty Ord</th>
                    <th class="text-center">Qty Ship</th>
                    <th class="text-right">Unit $</th>
                    <th class="text-right">Tariff $</th>
                    <th class="text-right">Extended $</th>
                    <th>Matched Component</th>
                </tr>
            </thead>
            <tbody>
                @foreach($parsed['lines'] as $idx => $line)
                <tr class="{{ $line['component_matched'] ? '' : 'table-warning' }}">
                    <td>
                        <input type="checkbox" name="import_line_{{ $idx }}" value="1" checked class="line-check">
                    </td>
                    <td>{{ $line['line_no'] }}</td>
                    <td><code class="small">{{ $line['supplier_part_number'] ?: '—' }}</code></td>
                    <td><code class="small font-weight-bold">{{ $line['mfg_part_number'] ?: '—' }}</code></td>
                    <td><small>{{ Str::limit($line['description'],35) }}</small></td>
                    <td><small>{{ $line['manufacturer'] ?: '—' }}</small></td>
                    <td><small>{{ $line['country_of_origin'] ?: '—' }}</small></td>
                    <td><small><code>{{ $line['hs_code'] ?: '—' }}</code></small></td>
                    <td class="text-center">{{ $line['qty_ordered'] }}</td>
                    <td class="text-center">{{ $line['qty_shipped'] ?: $line['qty_ordered'] }}</td>
                    <td class="text-right">${{ number_format($line['unit_price'],4) }}</td>
                    <td class="text-right">{{ $line['tariff_amount'] > 0 ? '$'.number_format($line['tariff_amount'],2) : '—' }}</td>
                    <td class="text-right font-weight-bold">${{ number_format($line['extended_price'],2) }}</td>
                    <td>
                        @if($line['component_matched'])
                            @php $comp = \Modules\Procurement\Models\Component::find($line['component_id']) @endphp
                            <span class="badge badge-success"><i class="fas fa-check mr-1"></i>{{ Str::limit($comp?->description ?? 'Matched',25) }}</span>
                        @else
                            <span class="badge badge-warning"><i class="fas fa-exclamation-triangle mr-1"></i>No match</span>
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
            <tfoot class="thead-light">
                <tr>
                    <td colspan="12" class="text-right font-weight-bold">Lines Total:</td>
                    <td class="text-right font-weight-bold">${{ number_format(collect($parsed['lines'])->sum('extended_price'),2) }}</td>
                    <td></td>
                </tr>
            </tfoot>
        </table>
        </div>
    </div>
</div>

<div class="alert alert-info small">
    <i class="fas fa-info-circle mr-1"></i>
    <strong>{{ collect($parsed['lines'])->where('component_matched',true)->count() }}</strong> line items were automatically matched to existing components.
    <strong>{{ collect($parsed['lines'])->where('component_matched',false)->count() }}</strong> could not be matched — they will be saved as invoice line items without a component link.
    You can link them manually later from the component page.
</div>

<div class="form-group">
    <div class="custom-control custom-checkbox">
        <input type="checkbox" class="custom-control-input" id="add_to_stock" name="add_to_stock" value="1" checked>
        <label class="custom-control-label" for="add_to_stock"><strong>Add received quantities to stock</strong> — matched components will be received into inventory with a stock movement record</label>
    </div>
</div>

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

@push('scripts')
<script>
document.getElementById('check-all').addEventListener('change', function() {
    document.querySelectorAll('.line-check').forEach(cb => cb.checked = this.checked);
});
function toggleAll(state) {
    document.querySelectorAll('.line-check').forEach(cb => cb.checked = state);
    document.getElementById('check-all').checked = state;
}
</script>
@endpush