{{-- Usage: @include('procurement::components.partials.alternate_row', ['index'=>$i,'alt'=>$alt,'manufacturers'=>$manufacturers,'suppliers'=>$suppliers]) --}}
<div class="alternate-row border rounded p-2 mb-2">
    <div class="row align-items-end">
        <input type="hidden" name="alternates[{{ $index }}][id]" value="{{ $alt['id'] ?? '' }}">
        <div class="col-md-2">
            <div class="form-group mb-1">
                <label class="small mb-0">Part Number</label>
                <input type="text" name="alternates[{{ $index }}][part_number]" class="form-control form-control-sm" value="{{ $alt['part_number'] ?? '' }}">
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group mb-1">
                <label class="small mb-0">Description</label>
                <input type="text" name="alternates[{{ $index }}][description]" class="form-control form-control-sm" value="{{ $alt['description'] ?? '' }}">
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group mb-1">
                <label class="small mb-0">Manufacturer</label>
                <select name="alternates[{{ $index }}][manufacturer_id]" class="form-control form-control-sm">
                    <option value="">— None —</option>
                    @foreach($manufacturers as $m)
                    <option value="{{ $m->id }}" {{ (string)($alt['manufacturer_id'] ?? '') === (string)$m->id ? 'selected' : '' }}>{{ $m->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group mb-1">
                <label class="small mb-0">Supplier</label>
                <select name="alternates[{{ $index }}][supplier_id]" class="form-control form-control-sm">
                    <option value="">— None —</option>
                    @foreach($suppliers as $s)
                    <option value="{{ $s->id }}" {{ (string)($alt['supplier_id'] ?? '') === (string)$s->id ? 'selected' : '' }}>{{ $s->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group mb-1">
                <label class="small mb-0">Supplier Part #</label>
                <input type="text" name="alternates[{{ $index }}][supplier_part_number]" class="form-control form-control-sm" value="{{ $alt['supplier_part_number'] ?? '' }}">
            </div>
        </div>
        <div class="col-md-1">
            <div class="form-group mb-1">
                <label class="small mb-0">Notes</label>
                <input type="text" name="alternates[{{ $index }}][notes]" class="form-control form-control-sm" value="{{ $alt['notes'] ?? '' }}">
            </div>
        </div>
        <div class="col-md-1 text-right">
            <button type="button" class="btn btn-sm btn-outline-danger remove-alternate-row" title="Remove this alternate"><i class="fas fa-times"></i></button>
        </div>
    </div>
</div>