@props([
    'item' => null,
    'prefix' => 'new',
    'categories' => [],
    'branchs' => [],
    'departments' => [],
    'locations' => collect(),
    'parentAssets' => collect(),
    'assetTypes' => \App\Support\Asset\AssetType::options(),
])

@php
    $isEdit = $item !== null;
    $selectedType = old('asset_type', $item?->asset_type ?? \App\Support\Asset\AssetType::FIXED);
    $parentCateId = $isEdit
        ? ($item->asset_category?->parentCategory?->id ?? $item->asset_category_id)
        : null;
    $subCateId = $isEdit && $item->asset_category?->parentCategory
        ? $item->asset_category_id
        : null;
@endphp

<input type="hidden" name="id" value="{{ $isEdit ? $item->id : '' }}">

<div class="row asset-form-fields" data-prefix="{{ $prefix }}">
    <div class="col-12"><p class="section-label">{{ __('Classification') }}</p></div>

    <div class="col-md-6">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Enterprise asset type') }}<span class="text-danger">*</span></label>
            <select class="form-control select2 asset-type-select" name="asset_type" id="{{ $prefix }}_asset_type" required data-prefix="{{ $prefix }}">
                @foreach($assetTypes as $value => $label)
                    <option value="{{ $value }}" @selected($selectedType === $value)>{{ $label }}</option>
                @endforeach
            </select>
            <small class="text-muted asset-type-hint" id="{{ $prefix }}_type_hint"></small>
        </div>
    </div>

    <div class="col-md-6">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Asset category') }}<span class="text-danger">*</span></label>
            <select class="form-control select2" name="parent_id" id="{{ $prefix }}_parent_id" onchange="assetLoadSubcategories('{{ $prefix }}')" required>
                <option value="">{{ __('Select category') }}</option>
                @foreach($categories as $category)
                    <option value="{{ $category->id }}" data-asset-type="{{ $category->asset_type ?? 'fixed' }}"
                        data-depreciation-rate="{{ $category->depreciation_rate !== null ? $category->depreciation_rate : '' }}"
                        data-depreciation-method="{{ $category->depreciation_method ?? '' }}"
                        @selected((int) old('parent_id', $parentCateId) === (int) $category->id)>{{ $category->name }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="col-md-6">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Sub-category / item type') }}</label>
            <select class="form-control select2" name="sub_id" id="{{ $prefix }}_sub_id">
                <option value="">{{ __('Select sub-category') }}</option>
                @if($isEdit && $subCateId)
                    @php
                        $editSub = $item->asset_category;
                        $editSubRate = $editSub?->depreciation_rate ?? $editSub?->parentCategory?->depreciation_rate;
                        $editSubMethod = $editSub?->depreciation_method ?: $editSub?->parentCategory?->depreciation_method;
                    @endphp
                    <option value="{{ $subCateId }}"
                            data-depreciation-rate="{{ $editSubRate !== null ? $editSubRate : '' }}"
                            data-depreciation-method="{{ $editSubMethod ?? '' }}"
                            selected>{{ $item->asset_category?->name }}</option>
                @endif
            </select>
        </div>
    </div>

    <div class="col-md-6 asset-type-fields asset-field-component" data-prefix="{{ $prefix }}" data-types="component">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Parent asset') }}<span class="text-danger">*</span></label>
            <select class="form-control select2" name="parent_asset_id" id="{{ $prefix }}_parent_asset_id">
                <option value="">{{ __('Select parent fixed asset') }}</option>
                @foreach($parentAssets as $parent)
                    <option value="{{ $parent->id }}" @selected((int) old('parent_asset_id', $item?->parent_asset_id) === (int) $parent->id)>
                        {{ $parent->name }} @if($parent->identity) ({{ $parent->identity }}) @endif
                    </option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="col-12"><p class="section-label">{{ __('Basic information') }}</p></div>

    <div class="col-md-6">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Name') }}<span class="text-danger">*</span></label>
            <input class="form-control" type="text" name="name" value="{{ old('name', $item?->name) }}" required>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Supplier / vendor') }}</label>
            <input class="form-control" type="text" name="supplier" value="{{ old('supplier', $item?->supplier) }}">
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Asset code / SKU') }}</label>
            <input class="form-control" type="text" name="code" value="{{ old('code', $item?->code) }}">
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Serial / IMEI') }}</label>
            <input class="form-control" type="text" name="identity" value="{{ old('identity', $item?->identity) }}">
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Brand / manufacture') }}</label>
            <input class="form-control" type="text" name="manufacture" value="{{ old('manufacture', $item?->manufacture) }}">
        </div>
    </div>

    @if(! $isEdit)
    <div class="col-12 asset-type-fields asset-field-bulk-serials" data-prefix="{{ $prefix }}" data-types="fixed,fleet,serialized_bulk">
        <p class="section-label">{{ __('Bulk register with unique IDs') }}</p>
        <div class="form-group mb-0">
            <label class="form-label-asset">{{ __('Identification numbers (one per line)') }}</label>
            <textarea class="form-control font-monospace" name="serial_numbers" rows="6"
                      placeholder="CF-001&#10;CF-002&#10;CF-003">{{ old('serial_numbers') }}</textarea>
            <small class="text-muted d-block mt-1">
                {{ __('Paste one serial / asset tag per line — e.g. 20 Ceiling Fans = 20 lines. Each line creates one trackable asset record.') }}
            </small>
        </div>
    </div>
    @endif

    <div class="col-md-3 asset-qty-wrap" data-prefix="{{ $prefix }}">
        <div class="form-group">
            <label class="form-label-asset asset-qty-label">{{ __('Quantity') }}</label>
            <input class="form-control asset-qty-input" type="number" min="1" name="quantity"
                   value="{{ old('quantity', $isEdit ? ($item?->qty ?? 1) : 1) }}">
            <small class="text-muted asset-qty-help">{{ __('For trackable assets, creates separate unit records.') }}</small>
        </div>
    </div>
    <div class="col-md-2 asset-qty-unit-wrap" data-prefix="{{ $prefix }}">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Unit') }}</label>
            <select class="form-control select2" name="qty_unit" id="{{ $prefix }}_qty_unit">
                @foreach(\App\Support\Asset\AssetUnit::options() as $unitVal => $unitLabel)
                    <option value="{{ $unitVal }}" @selected(old('qty_unit', $item?->qty_unit ?? \App\Support\Asset\AssetUnit::PCS) === $unitVal)>{{ $unitLabel }}</option>
                @endforeach
            </select>
            <small class="text-muted">{{ __('Pcs, Ream, Kg, Box, etc.') }}</small>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Unit price') }}</label>
            <input class="form-control" type="number" step="0.01" min="0" name="price" value="{{ old('price', $item?->price ?? 0) }}">
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Condition') }}</label>
            <select class="form-control select2" name="condition">
                <option value="">{{ __('—') }}</option>
                @foreach(['new', 'good', 'fair', 'damaged'] as $cond)
                    <option value="{{ $cond }}" @selected(old('condition', $item?->condition) === $cond)>{{ ucfirst($cond) }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="col-12"><p class="section-label">{{ __('Location & ownership') }}</p></div>
    <div class="col-md-4">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Branch') }}<span class="text-danger">*</span></label>
            <select class="form-control select2" name="branch_id" required>
                <option value="">{{ __('Select branch') }}</option>
                @foreach($branchs as $branch)
                    <option value="{{ $branch->id }}" @selected((int) old('branch_id', $item?->branch_id) === (int) $branch->id)>{{ $branch->name }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Department') }}</label>
            <select class="form-control select2" name="department_id">
                <option value="">—</option>
                @foreach($departments as $dept)
                    <option value="{{ $dept->id }}" @selected((int) old('department_id', $item?->department_id) === (int) $dept->id)>{{ $dept->name }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <label class="form-label-asset">{{ __('Physical location') }}</label>
            <select class="form-control select2" name="location_id">
                <option value="">—</option>
                @foreach($locations as $loc)
                    <option value="{{ $loc->id }}" @selected((int) old('location_id', $item?->location_id) === (int) $loc->id)>
                        {{ $loc->building_name }} / {{ $loc->floor }} / {{ $loc->room_number_or_name }}
                    </option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="col-12 asset-type-fields asset-field-digital" data-prefix="{{ $prefix }}" data-types="digital">
        <p class="section-label">{{ __('Digital / license details') }}</p>
        <div class="row">
            <div class="col-md-4"><div class="form-group"><label class="form-label-asset">{{ __('License key / seat ID') }}</label><input class="form-control" name="license_key" value="{{ old('license_key', $item?->license_key) }}"></div></div>
            <div class="col-md-4"><div class="form-group"><label class="form-label-asset">{{ __('License seats') }}</label><input class="form-control" type="number" min="1" name="license_seats" value="{{ old('license_seats', $item?->license_seats) }}"></div></div>
            <div class="col-md-4"><div class="form-group"><label class="form-label-asset">{{ __('Holder email') }}</label><input class="form-control" type="email" name="license_holder_email" value="{{ old('license_holder_email', $item?->license_holder_email) }}"></div></div>
            <div class="col-md-4"><div class="form-group"><label class="form-label-asset">{{ __('License expiry') }}</label><input class="form-control" type="date" name="license_expires_at" value="{{ old('license_expires_at', $item?->license_expires_at?->format('Y-m-d')) }}"></div></div>
            <div class="col-md-4"><div class="form-group"><label class="form-label-asset">{{ __('Vendor portal URL') }}</label><input class="form-control" type="url" name="vendor_portal_url" value="{{ old('vendor_portal_url', $item?->vendor_portal_url) }}"></div></div>
            <div class="col-md-4"><div class="form-group pt-4"><label class="toggle-control mb-0"><input type="checkbox" name="revoke_on_offboard" value="1" @checked(old('revoke_on_offboard', $item?->revoke_on_offboard ?? true))><span class="control"></span></label> <span class="small">{{ __('Revoke on employee offboard') }}</span></div></div>
        </div>
    </div>

    <div class="col-12 asset-type-fields asset-field-fleet" data-prefix="{{ $prefix }}" data-types="fleet">
        <p class="section-label">{{ __('Fleet / vehicle details') }}</p>
        <div class="row">
            <div class="col-md-4"><div class="form-group"><label class="form-label-asset">{{ __('Registration number') }}</label><input class="form-control" name="registration_number" value="{{ old('registration_number', $item?->registration_number) }}"></div></div>
            <div class="col-md-4"><div class="form-group"><label class="form-label-asset">{{ __('Insurance expiry') }}</label><input class="form-control" type="date" name="insurance_expires_at" value="{{ old('insurance_expires_at', $item?->insurance_expires_at?->format('Y-m-d')) }}"></div></div>
            <div class="col-md-4"><div class="form-group"><label class="form-label-asset">{{ __('Driver license expiry') }}</label><input class="form-control" type="date" name="driver_license_expires_at" value="{{ old('driver_license_expires_at', $item?->driver_license_expires_at?->format('Y-m-d')) }}"></div></div>
        </div>
    </div>

    <div class="col-12 asset-type-fields asset-field-infrastructure" data-prefix="{{ $prefix }}" data-types="infrastructure">
        <p class="section-label">{{ __('Facility asset') }}</p>
        <div class="form-group">
            <label class="toggle-control mb-0"><input type="checkbox" name="is_assignable" value="1" @checked(old('is_assignable', $item?->is_assignable ?? false))><span class="control"></span></label>
            <span class="small ml-1">{{ __('Allow assignment to employee (usually off for AC, CCTV, router)') }}</span>
        </div>
    </div>

    <div class="col-12"><p class="section-label">{{ __('Purchase & warranty') }}</p></div>
    <div class="col-md-3"><div class="form-group"><label class="form-label-asset">{{ __('Purchase date') }}</label><input class="form-control" type="date" name="purchase_date" value="{{ old('purchase_date', $item?->purchase_date?->format('Y-m-d')) }}"></div></div>
    <div class="col-md-3"><div class="form-group"><label class="form-label-asset">{{ __('Warranty (months)') }}</label><input class="form-control" name="warranty_period" value="{{ old('warranty_period', $item?->warranty_period) }}"></div></div>
    <div class="col-md-3"><div class="form-group"><label class="form-label-asset">{{ __('Warranty expiry') }}</label><input class="form-control" type="date" name="expired_date" value="{{ old('expired_date', $item?->expired_date?->format('Y-m-d')) }}"></div></div>
    <div class="col-md-3"><div class="form-group"><label class="form-label-asset">{{ __('Model') }}</label><input class="form-control" name="model" value="{{ old('model', $item?->model) }}"></div></div>
    <div class="col-md-3"><div class="form-group"><label class="form-label-asset">{{ __('Depreciation method') }}</label>
        <select class="form-control asset-depreciation-method" name="depreciation_method" id="{{ $prefix }}_depreciation_method">
            <option value="">{{ __('None') }}</option>
            @foreach(\App\Support\Asset\DepreciationMethod::options() as $value => $label)
                <option value="{{ $value }}" @selected(old('depreciation_method', $item?->depreciation_method) === $value)>{{ $label }}</option>
            @endforeach
        </select>
        <small class="text-muted asset-depr-method-hint" id="{{ $prefix }}_depreciation_method_hint"></small>
    </div></div>
    <div class="col-md-3"><div class="form-group"><label class="form-label-asset">{{ __('Useful life (months)') }}</label><input class="form-control" type="number" min="1" name="useful_life_months" value="{{ old('useful_life_months', $item?->useful_life_months) }}"></div></div>
    <div class="col-md-3"><div class="form-group"><label class="form-label-asset">{{ __('Depreciation start') }}</label><input class="form-control" type="date" name="depreciation_start_date" value="{{ old('depreciation_start_date', $item?->depreciation_start_date?->format('Y-m-d') ?? $item?->purchase_date?->format('Y-m-d')) }}"></div></div>
    <div class="col-md-3"><div class="form-group"><label class="form-label-asset">{{ __('Depreciation %') }} <span class="text-muted small">({{ __('reducing balance') }})</span></label>
        <input class="form-control asset-depreciation-rate" type="number" step="0.01" min="0" max="100" name="depreciation_rate" id="{{ $prefix }}_depreciation_rate"
               value="{{ old('depreciation_rate', $item?->depreciation_rate) }}">
        <small class="text-muted asset-depr-rate-hint" id="{{ $prefix }}_depreciation_rate_hint"></small>
    </div></div>
    <div class="col-md-3"><div class="form-group"><label class="form-label-asset">{{ __('Salvage value') }}</label><input class="form-control" type="number" step="0.01" name="salvage_value" value="{{ old('salvage_value', $item?->salvage_value) }}"></div></div>
    <div class="col-md-3 asset-type-fields asset-field-bulk-qty" data-prefix="{{ $prefix }}" data-types="consumable,serialized_bulk">
        <div class="form-group"><label class="form-label-asset">{{ __('Low-stock alert qty') }}</label><input class="form-control" type="number" min="0" name="stock_alert_qty" value="{{ old('stock_alert_qty', $item?->stock_alert_qty) }}"></div>
    </div>

    <div class="col-md-12">
        <div class="form-group mb-0">
            <label class="form-label-asset">{{ __('Description / notes') }}</label>
            <textarea class="form-control" name="description" rows="2">{{ old('description', $item?->description) }}</textarea>
        </div>
    </div>
    <div class="col-md-12">
        <div class="form-group mb-0">
            <label class="form-label-asset">{{ __('Internal note') }}</label>
            <textarea class="form-control" name="note" rows="2">{{ old('note', $item?->note) }}</textarea>
        </div>
    </div>
</div>