@php
    use App\Support\Asset\AssetType;
@endphp
<input type="hidden" name="id" value="{{ $requisition->id }}">
<input type="hidden" id="approval-qty-needed" value="{{ $needQty }}">

<div class="req-fulfill-summary mb-3 p-3 rounded border bg-light">
    <div class="row">
        <div class="col-md-6">
            <div class="small text-muted text-uppercase">{{ __('Employee') }}</div>
            <div class="font-weight-bold">{{ $staff_info->user?->name ?? '—' }}</div>
            <div class="small text-muted">{{ $staff_info->designation?->name ?? '' }} · {{ $staff_info->warehouse?->name ?? '' }}</div>
        </div>
        <div class="col-md-6">
            <div class="small text-muted text-uppercase">{{ __('Request') }}</div>
            <div class="font-weight-bold">{{ $requisition->category?->parentCategory?->name ?? $requisition->category?->name }} → {{ $requisition->category?->parentCategory ? $requisition->category?->name : '—' }}</div>
            <div class="small">{{ __('Qty') }}: <strong>{{ $needQty }}</strong> · {{ AssetType::label($assetType) }}
                @if($assetType === AssetType::CONSUMABLE)
                    · {{ __('Stock lines') }}: {{ $consumable_stocks->count() }}
                @else
                    · {{ __('Stock available') }}: {{ $asset_list->count() }}
                @endif
            </div>
        </div>
    </div>
    @if($requisition->description)
        <div class="mt-2 small"><span class="text-muted">{{ __('Note') }}:</span> {{ $requisition->description }}</div>
    @endif
</div>

@if($assetType === AssetType::CONSUMABLE)
    @if($consumable_stocks->isEmpty())
        <div class="alert alert-warning small mb-0">{{ __('No consumable stock found in the employee branch for this category.') }}</div>
    @elseif($consumable_stocks->count() > 1)
        <div class="mb-3">
            <label class="small font-weight-bold d-block">{{ __('Select stock product') }} <span class="text-danger">*</span></label>
            <p class="small text-muted mb-2">{{ __('Multiple products share this category — choose the exact item to issue (e.g. A4 80GSM vs A4 70GSM).') }}</p>
            <div class="border rounded p-2" style="max-height: 220px; overflow-y: auto;">
                @foreach($consumable_stocks as $stock)
                    <div class="custom-control custom-radio mb-2">
                        <input type="radio"
                               class="custom-control-input"
                               name="bulk_asset_id"
                               id="bulk_stock_{{ $stock->id }}"
                               value="{{ $stock->id }}"
                               required
                               @if($loop->first) checked @endif>
                        <label class="custom-control-label" for="bulk_stock_{{ $stock->id }}">
                            <span class="font-weight-bold">{{ $stock->name }}</span>
                            <span class="text-muted"> — {{ __('Available') }}: {{ $stock->formattedQty() }}</span>
                        </label>
                    </div>
                @endforeach
            </div>
        </div>
    @else
        <input type="hidden" name="bulk_asset_id" value="{{ $consumable_stocks->first()->id }}">
        <div class="alert alert-info small mb-0">
            {{ __('Issuing from') }}: <strong>{{ $consumable_stocks->first()->name }}</strong>
            ({{ __('Available') }}: {{ $consumable_stocks->first()->formattedQty() }})
        </div>
    @endif
@elseif($assetType === AssetType::SERIALIZED_BULK)
    <div class="mb-3">
        <label class="small font-weight-bold">{{ __('Serial numbers (one per unit)') }}</label>
        @for($i = 0; $i < $needQty; $i++)
            <input type="text" name="serials[]" class="form-control form-control-sm mb-1" placeholder="{{ __('Scan or type serial #:n', ['n' => $i + 1]) }}" required>
        @endfor
        <small class="text-muted">{{ __('Child unit records will be created automatically from bulk stock.') }}</small>
    </div>
@else
    @include('admin.asset.partials.barcode_scanner', [
        'inputName' => 'scan_barcode',
        'categoryId' => $requisition->category_id,
        'branchId' => $staff_info->warehouse_id,
        'label' => __('Scan barcode to auto-select asset'),
    ])

    <div id="asset-approval-picks" class="border rounded p-2 mb-3" style="max-height: 220px; overflow-y: auto;">
        @forelse($asset_list as $list)
            @php $label = $list->name.' ('.($list->identity ?: $list->code).')'; @endphp
            <div class="custom-control custom-checkbox mb-1">
                <input type="checkbox" class="custom-control-input asset-pick-cb" name="asset_ids[]"
                       value="{{ $list->id }}" id="apick_{{ $list->id }}">
                <label class="custom-control-label" for="apick_{{ $list->id }}">{{ $label }}</label>
            </div>
        @empty
            <p class="text-warning mb-0">{{ __('No unassigned assets in this category for the employee branch.') }}</p>
        @endforelse
    </div>
@endif

<div class="form-group">
    <div class="custom-control custom-radio custom-control-inline">
        <input type="radio" id="fulfill_approve" value="1" name="customRadio" class="custom-control-input" checked>
        <label class="custom-control-label" for="fulfill_approve">{{ __('Fulfill & assign') }}</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline">
        <input type="radio" id="fulfill_reject" value="3" name="customRadio" class="custom-control-input">
        <label class="custom-control-label" for="fulfill_reject">{{ __('Reject') }}</label>
    </div>
</div>

<script>
(function () {
    var need = {{ $needQty }};
    $(document).on('change', '.asset-pick-cb', function () {
        var n = $('.asset-pick-cb:checked').length;
        if (n > need) {
            $(this).prop('checked', false);
        }
    });
})();
</script>