@extends('layouts.app')

@section('title', 'Envanter Yönetimi')

@section('content')
    <div class="container-fluid">
        <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-4">
            <div>
                <h2 class="h4 mb-1">Envanter Yönetimi</h2>
                <p class="text-muted mb-0 small">Envanter kayıtları ve kullanıcı zimmet atamaları.</p>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('admin.assets.user-assets') }}" class="btn btn-outline-secondary btn-sm">
                    <i class="bi bi-people me-1"></i> Kullanıcı Zimmetleri
                </a>
                <a href="{{ route('admin.assets.my') }}" class="btn btn-outline-primary btn-sm">
                    <i class="bi bi-box-seam me-1"></i> Zimmetli Envanterim
                </a>
            </div>
        </div>

        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if(session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif
        @if(session('warning'))
            <div class="alert alert-warning">{{ session('warning') }}</div>
        @endif
        @if($errors->any())
            <div class="alert alert-danger mb-3">
                @foreach($errors->all() as $error)
                    <div>{{ $error }}</div>
                @endforeach
            </div>
        @endif

        @if(!$ready)
            <div class="alert alert-warning">
                Envanter tablolari hazir değil. L?tfen migration ?aliştirin.
            </div>
        @else
            @php
                $showCreateAssetForm = old('rows') !== null
                    || old('rows_assignee') !== null
                    || old('rows_note') !== null
                    || old('assignee') !== null
                    || old('assignment_note') !== null
                    || old('bulk_rows_text') !== null;

                $oldRowsRaw = old('rows');
                $formRows = [];
                if (is_array($oldRowsRaw)) {
                    foreach ($oldRowsRaw as $rawRow) {
                        if (!is_array($rawRow)) {
                            continue;
                        }
                        $formRows[] = [
                            'name' => trim((string) ($rawRow['name'] ?? '')),
                            'category' => trim((string) ($rawRow['category'] ?? '')),
                            'brand' => trim((string) ($rawRow['brand'] ?? '')),
                            'model' => trim((string) ($rawRow['model'] ?? '')),
                            'serial_no' => trim((string) ($rawRow['serial_no'] ?? '')),
                            'depo_no' => trim((string) ($rawRow['depo_no'] ?? '')),
                            'assignee' => trim((string) ($rawRow['assignee'] ?? '')),
                            'mikro_evrak_no' => trim((string) ($rawRow['mikro_evrak_no'] ?? '')),
                            'mikro_stok_isim' => trim((string) ($rawRow['mikro_stok_isim'] ?? '')),
                            'mikro_stok_kod' => trim((string) ($rawRow['mikro_stok_kod'] ?? '')),
                            'mikro_cari_kodu' => trim((string) ($rawRow['mikro_cari_kodu'] ?? '')),
                            'mikro_miktar' => trim((string) ($rawRow['mikro_miktar'] ?? '')),
                            'mikro_birim_pntr' => trim((string) ($rawRow['mikro_birim_pntr'] ?? '')),
                            'mikro_tutar' => trim((string) ($rawRow['mikro_tutar'] ?? '')),
                            'mikro_aciklama' => trim((string) ($rawRow['mikro_aciklama'] ?? '')),
                            'mikro_depo_no' => trim((string) ($rawRow['mikro_depo_no'] ?? '')),
                            'mikro_tarih' => trim((string) ($rawRow['mikro_tarih'] ?? '')),
                            'total_quantity' => (int) ($rawRow['total_quantity'] ?? 1),
                        ];
                    }
                }
                if (!$formRows) {
                    $formRows[] = [
                        'name' => trim((string) old('name', '')),
                        'category' => trim((string) old('category', '')),
                        'brand' => trim((string) old('brand', '')),
                        'model' => trim((string) old('model', '')),
                        'serial_no' => trim((string) old('serial_no', '')),
                        'depo_no' => trim((string) old('depo_no', old('mikro_depo_no', ''))),
                        'assignee' => trim((string) old('assignee', '')),
                        'mikro_evrak_no' => trim((string) old('mikro_evrak_no', '')),
                        'mikro_stok_isim' => trim((string) old('mikro_stok_isim', '')),
                        'mikro_stok_kod' => trim((string) old('mikro_stok_kod', '')),
                        'mikro_cari_kodu' => trim((string) old('mikro_cari_kodu', '')),
                        'mikro_miktar' => trim((string) old('mikro_miktar', '')),
                        'mikro_birim_pntr' => trim((string) old('mikro_birim_pntr', '')),
                        'mikro_tutar' => trim((string) old('mikro_tutar', '')),
                        'mikro_aciklama' => trim((string) old('mikro_aciklama', '')),
                        'mikro_depo_no' => trim((string) old('mikro_depo_no', '')),
                        'mikro_tarih' => trim((string) old('mikro_tarih', '')),
                        'total_quantity' => (int) old('total_quantity', 1),
                    ];
                }
                $oldRowsAssignee = trim((string) old('rows_assignee', old('assignee', old('bulk_assignee', ''))));
                $oldRowsNote = trim((string) old('rows_note', old('assignment_note', old('bulk_note', ''))));
                $nextRowIndex = count($formRows);
                $assetRowFieldErrors = session('asset_row_field_errors', []);
                if (!is_array($assetRowFieldErrors)) {
                    $assetRowFieldErrors = [];
                }
                $getRowFieldError = static function ($rowIndex, string $field) use ($errors, $assetRowFieldErrors): string {
                    $validationError = trim((string) $errors->first('rows.' . $rowIndex . '.' . $field));
                    if ($validationError !== '') {
                        return $validationError;
                    }

                    $sessionError = data_get($assetRowFieldErrors, $rowIndex . '.' . $field);
                    return is_string($sessionError) ? trim($sessionError) : '';
                };
            @endphp

            <div class="mb-3">
                <button class="btn btn-success btn-sm" type="button" data-bs-toggle="collapse"
                    data-bs-target="#assetCreateFormCollapse" aria-expanded="{{ $showCreateAssetForm ? 'true' : 'false' }}"
                    aria-controls="assetCreateFormCollapse">
                    <i class="bi bi-plus-circle me-1"></i> Envanter Ekle
                </button>
            </div>

            <div class="collapse {{ $showCreateAssetForm ? 'show' : '' }}" id="assetCreateFormCollapse">
                <div class="card mb-4 shadow-sm">
                    <div class="card-header bg-white py-3">
                        <h5 class="mb-0">Yeni Envanter Ekle (Coklu Satir)</h5>
                    </div>
                    <div class="card-body">
                        <form method="post" action="{{ route('admin.assets.store') }}" class="row g-3" id="assetCreateForm">
                            @csrf

                            <div class="col-md-5">
                                <label class="form-label">Toplu Varsayilan Zimmet (Opsiyonel)</label>
                                <input type="text" class="form-control js-select-modal-trigger mb-2"
                                    data-select-target="assetCreateRowsAssigneeSelect"
                                    data-select-remote-url="{{ route('admin.assets.assignee-options') }}"
                                    data-empty-text="Personel veya ortak alan secin..."
                                    placeholder="Personel veya ortak alan secin..." readonly>
                                <select name="rows_assignee" id="assetCreateRowsAssigneeSelect" class="form-select d-none"
                                    data-select-remote-url="{{ route('admin.assets.assignee-options') }}">
                                    <option value="">Secim yapma</option>
                                    @if($oldRowsAssignee !== '')
                                        <option value="{{ $oldRowsAssignee }}" selected>{{ $oldRowsAssignee }}</option>
                                    @endif
                                </select>
                            </div>
                            <div class="col-12 mt-3">
                                <div class="card bg-light-subtle shadow-sm border-0">
                                    <div class="card-body py-2">
                                        <h6 class="card-title fw-semibold mb-2 text-primary"><i
                                                class="bi bi-box-seam me-1"></i>Ortak Mikro ERP Bilgileri</h6>
                                        <div class="row g-2 align-items-end">
                                            <div class="col-md-2">
                                                <label class="form-label mb-1">Evrak No</label>
                                                <input type="text" name="mikro_evrak_no" class="form-control form-control-sm"
                                                    value="{{ old('mikro_evrak_no') }}" required>
                                            </div>
                                            <div class="col-md-2">
                                                <label class="form-label mb-1">Cari Kodu</label>
                                                <input type="text" name="mikro_cari_kodu"
                                                    class="form-control form-control-sm js-ajax-select-trigger" readonly
                                                    style="cursor: pointer; background-color: #fff;" data-mikro-type="cari"
                                                    value="{{ old('mikro_cari_kodu') }}"
                                                    placeholder="Cari secin" required>
                                            </div>
                                            <div class="col-md-2">
                                                <label class="form-label mb-1">Proje Kodu</label>
                                                <input type="text"
                                                    class="form-control form-control-sm js-ajax-select-trigger" readonly
                                                    style="cursor: pointer; background-color: #fff;" data-mikro-type="proje"
                                                    data-mikro-code-target="assetMikroProjeKodu"
                                                    value="{{ old('mikro_proje_kodu') }}"
                                                    placeholder="Proje secin" required>
                                                <input type="hidden" id="assetMikroProjeKodu" name="mikro_proje_kodu"
                                                    value="{{ old('mikro_proje_kodu') }}">
                                            </div>
                                            <div class="col-md-2">
                                                <label class="form-label mb-1">Srm. Merkezi</label>
                                                <input type="text"
                                                    class="form-control form-control-sm js-ajax-select-trigger" readonly
                                                    style="cursor: pointer; background-color: #fff;" data-mikro-type="srm"
                                                    data-mikro-code-target="assetMikroSrmMerkeziKodu"
                                                    value="{{ old('mikro_srm_merkezi') }}"
                                                    placeholder="Srm. merkezi secin" required>
                                                <input type="hidden" id="assetMikroSrmMerkeziKodu" name="mikro_srm_merkezi"
                                                    value="{{ old('mikro_srm_merkezi') }}">
                                            </div>
                                            <div class="col-md-2">
                                                <label class="form-label mb-1">Depo No</label>
                                                <input type="text"
                                                    class="form-control form-control-sm js-ajax-select-trigger" readonly
                                                    style="cursor: pointer; background-color: #fff;" data-mikro-type="depo"
                                                    data-mikro-code-target="assetMikroDepoNo"
                                                    value="{{ old('mikro_depo_no') }}"
                                                    placeholder="Depo secin" required>
                                                <input type="hidden" id="assetMikroDepoNo" name="mikro_depo_no"
                                                    value="{{ old('mikro_depo_no') }}">
                                            </div>
                                            <div class="col-md-2">
                                                <label class="form-label mb-1">Tarih</label>
                                                <input type="date" name="mikro_tarih" class="form-control form-control-sm"
                                                    value="{{ old('mikro_tarih', date('Y-m-d')) }}" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-12">
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <div class="fw-semibold text-uppercase fs-6">Urun Satirlari</div>
                                </div>

                                <div id="assetCreateRows" data-next-index="{{ $nextRowIndex }}"
                                    class="d-flex flex-column gap-2">
                                    @foreach($formRows as $rowIndex => $row)
                                        @php
                                            $rowMikroStokError = $getRowFieldError($rowIndex, 'mikro_stok_isim');
                                            $rowNameError = $getRowFieldError($rowIndex, 'name');
                                            $rowTotalQuantityError = $getRowFieldError($rowIndex, 'total_quantity');
                                            $rowAssigneeError = $getRowFieldError($rowIndex, 'assignee');
                                            $rowDepoNo = trim((string) ($row['depo_no'] ?? old('mikro_depo_no', '')));
                                        @endphp
                                        <div class="border rounded p-2 bg-light-subtle js-asset-row">
                                            <div class="d-flex justify-content-end mb-1">
                                                <button type="button"
                                                    class="btn btn-outline-danger btn-sm py-0 px-2 js-remove-row">Sil</button>
                                            </div>
                                            <div class="row g-2 align-items-end mb-3">
                                                <div class="col-12 fw-semibold text-primary border-bottom pb-1 mb-1">Mikro Satır
                                                    Bilgileri</div>
                                                <div class="col-md-4">
                                                    <label class="form-label mb-1">
                                                        Mikro Stok Adı
                                                        @if($rowMikroStokError !== '')
                                                            <i class="bi bi-exclamation-circle-fill text-danger ms-1"
                                                                title="{{ $rowMikroStokError }}"></i>
                                                        @endif
                                                    </label>
                                                    <input type="text" name="rows[{{ $rowIndex }}][mikro_stok_isim]"
                                                        class="form-control form-control-sm js-ajax-select-trigger {{ $rowMikroStokError !== '' ? 'is-invalid' : '' }}"
                                                        readonly style="cursor: pointer; background-color: #fff;"
                                                        data-mikro-type="stok"
                                                        data-mikro-stock-code-target="assetCreateRowMikroStokKod-{{ $rowIndex }}"
                                                        data-local-name-target="assetCreateRowName-{{ $rowIndex }}"
                                                        value="{{ trim((string) ($row['mikro_stok_isim'] ?? '')) !== '' ? trim((string) ($row['mikro_stok_isim'] ?? '')) : trim((string) ($row['mikro_stok_kod'] ?? '')) }}" required>
                                                    @if($rowMikroStokError !== '')
                                                        <div class="invalid-feedback d-block">{{ $rowMikroStokError }}</div>
                                                    @endif
                                                    <input type="hidden" id="assetCreateRowMikroStokKod-{{ $rowIndex }}"
                                                        name="rows[{{ $rowIndex }}][mikro_stok_kod]"
                                                        value="{{ trim((string) ($row['mikro_stok_kod'] ?? '')) !== '' ? trim((string) ($row['mikro_stok_kod'] ?? '')) : trim((string) ($row['mikro_stok_isim'] ?? '')) }}">
                                                </div>
                                                <div class="col-md-1">
                                                    <label class="form-label mb-1">Miktar</label>
                                                    <input type="number" step="1" min="0"
                                                        name="rows[{{ $rowIndex }}][mikro_miktar]"
                                                        class="form-control form-control-sm"
                                                        value="{{ $row['mikro_miktar'] ?? '' }}" required>
                                                </div>
                                                <input type="hidden" name="rows[{{ $rowIndex }}][mikro_birim_pntr]" value="1">
                                                <div class="col-md-2">
                                                    <label class="form-label mb-1">Tutar</label>
                                                    <input type="number" step="0.01" min="0"
                                                        name="rows[{{ $rowIndex }}][mikro_tutar]"
                                                        class="form-control form-control-sm"
                                                        value="{{ $row['mikro_tutar'] ?? '' }}" required>
                                                </div>
                                                <div class="col-md-5">
                                                    <label class="form-label mb-1">Açıklama</label>
                                                    <input type="text" name="rows[{{ $rowIndex }}][mikro_aciklama]"
                                                        class="form-control form-control-sm"
                                                        value="{{ $row['mikro_aciklama'] ?? '' }}" required>
                                                </div>
                                            </div>

                                            <div class="row g-2 align-items-end">
                                                <div class="col-12 fw-semibold text-secondary border-bottom pb-1 mb-1 mt-2">Yerel
                                                    Envanter Bilgileri</div>
                                                <div class="col-md-2">
                                                    <label class="form-label mb-1">
                                                        Ad <span class="text-danger">*</span>
                                                        @if($rowNameError !== '')
                                                            <i class="bi bi-exclamation-circle-fill text-danger ms-1"
                                                                title="{{ $rowNameError }}"></i>
                                                        @endif
                                                    </label>
                                                    <input type="text" name="rows[{{ $rowIndex }}][name]"
                                                        id="assetCreateRowName-{{ $rowIndex }}"
                                                        class="form-control form-control-sm {{ $rowNameError !== '' ? 'is-invalid' : '' }}"
                                                        value="{{ $row['name'] }}" required>
                                                    @if($rowNameError !== '')
                                                        <div class="invalid-feedback d-block">{{ $rowNameError }}</div>
                                                    @endif
                                                </div>
                                                <div class="col-md-1">
                                                    <label class="form-label mb-1">Kategori</label>
                                                    @php
                                                        $rowCategory = trim((string) ($row['category'] ?? ''));
                                                    @endphp
                                                    <input type="text" name="rows[{{ $rowIndex }}][category]"
                                                        class="form-control form-control-sm js-ajax-select-trigger" readonly
                                                        style="cursor: pointer; background-color: #fff;"
                                                        data-mikro-type="category"
                                                        value="{{ $rowCategory }}"
                                                        placeholder="Kategori secin" required>
                                                </div>
                                                <div class="col-md-1">
                                                    <label class="form-label mb-1">Marka</label>
                                                    <input type="text" name="rows[{{ $rowIndex }}][brand]"
                                                        class="form-control form-control-sm js-ajax-select-trigger" readonly
                                                        style="cursor: pointer; background-color: #fff;"
                                                        data-mikro-type="brand"
                                                        value="{{ $row['brand'] }}"
                                                        placeholder="Marka secin">
                                                </div>
                                                <div class="col-md-1">
                                                    <label class="form-label mb-1">Model</label>
                                                    <input type="text" name="rows[{{ $rowIndex }}][model]"
                                                        class="form-control form-control-sm" value="{{ $row['model'] }}">
                                                </div>
                                                <div class="col-md-2">
                                                    <label class="form-label mb-1">Seri No</label>
                                                    <input type="text" name="rows[{{ $rowIndex }}][serial_no]"
                                                        class="form-control form-control-sm" value="{{ $row['serial_no'] }}">
                                                </div>
                                                <input type="hidden" name="rows[{{ $rowIndex }}][depo_no]" value="{{ $rowDepoNo }}">
                                                <div class="col-md-1">
                                                    <label class="form-label mb-1">
                                                        Adet
                                                        @if($rowTotalQuantityError !== '')
                                                            <i class="bi bi-exclamation-circle-fill text-danger ms-1"
                                                                title="{{ $rowTotalQuantityError }}"></i>
                                                        @endif
                                                    </label>
                                                    <input type="number" min="1" name="rows[{{ $rowIndex }}][total_quantity]"
                                                        class="form-control form-control-sm {{ $rowTotalQuantityError !== '' ? 'is-invalid' : '' }}"
                                                        value="{{ max(1, (int) ($row['total_quantity'] ?? 1)) }}" required>
                                                    @if($rowTotalQuantityError !== '')
                                                        <div class="invalid-feedback d-block">{{ $rowTotalQuantityError }}</div>
                                                    @endif
                                                </div>
                                                <div class="col-md-2">
                                                    <label class="form-label mb-1">
                                                        Zimmet
                                                        @if($rowAssigneeError !== '')
                                                            <i class="bi bi-exclamation-circle-fill text-danger ms-1"
                                                                title="{{ $rowAssigneeError }}"></i>
                                                        @endif
                                                    </label>
                                                    @php
                                                        $rowAssigneeValue = trim((string) ($row['assignee'] ?? ''));
                                                    @endphp
                                                    <input type="text" class="form-control form-control-sm js-select-modal-trigger {{ $rowAssigneeError !== '' ? 'is-invalid' : '' }}"
                                                        data-select-target="assetCreateRowAssigneeSelect-{{ $rowIndex }}"
                                                        data-select-remote-url="{{ route('admin.assets.assignee-options') }}"
                                                        data-empty-text="Secim yapma" placeholder="Secim yapma" readonly>
                                                    @if($rowAssigneeError !== '')
                                                        <div class="invalid-feedback d-block">{{ $rowAssigneeError }}</div>
                                                    @endif
                                                    <select name="rows[{{ $rowIndex }}][assignee]"
                                                        id="assetCreateRowAssigneeSelect-{{ $rowIndex }}"
                                                        class="form-select d-none"
                                                        data-select-remote-url="{{ route('admin.assets.assignee-options') }}">
                                                        <option value="">Secim yapma</option>
                                                        @if($rowAssigneeValue !== '')
                                                            <option value="{{ $rowAssigneeValue }}" selected>{{ $rowAssigneeValue }}</option>
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="mt-3 text-end">
                                    <button type="button" class="btn btn-outline-primary btn-sm" id="assetAddRowBtn">
                                        <i class="bi bi-plus-circle me-1"></i> Yeni Satir Ekle
                                    </button>
                                </div>
                            </div>

                            <div class="col-md-12 text-end">
                                <button type="submit" class="btn btn-primary">
                                    <i class="bi bi-plus-circle me-1"></i> Kaydet
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="card shadow-sm">
                <div class="card-header bg-white py-3">
                    <form method="get" action="{{ route('admin.assets.index') }}" id="assetFilterForm" class="row g-2 align-items-end">
                        <div class="col-md-2">
                            <label class="form-label mb-1">Envanter Adi</label>
                            <input type="text" name="name" class="form-control form-control-sm"
                                value="{{ $filters['name'] ?? '' }}" placeholder="Laptop, Dell, ThinkPad...">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label mb-1">Seri No</label>
                            <input type="text" name="serial_no" class="form-control form-control-sm"
                                value="{{ $filters['serial_no'] ?? '' }}" placeholder="ABC123...">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label mb-1">Kategori</label>
                            <select name="category" id="assetFilterCategory" class="form-select form-select-sm">
                                <option value="">Tüm Kategoriler</option>
                                @foreach(($categories ?? collect()) as $category)
                                    <option value="{{ $category }}" {{ (string) ($filters['category'] ?? '') === (string) $category ? 'selected' : '' }}>
                                        {{ $category }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label mb-1">Marka</label>
                            <select name="brand" id="assetFilterBrand" class="form-select form-select-sm">
                                <option value="">Tüm Markalar</option>
                                @foreach(($brands ?? collect()) as $brand)
                                    <option value="{{ $brand }}" {{ (string) ($filters['brand'] ?? '') === (string) $brand ? 'selected' : '' }}>
                                        {{ $brand }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label mb-1">Model</label>
                            <select name="model" id="assetFilterModel" class="form-select form-select-sm">
                                <option value="">{{ (string) ($filters['brand'] ?? '') !== '' ? 'Tüm Modeller' : 'Once Marka Seçin' }}</option>
                                @foreach(($models ?? collect()) as $model)
                                    <option value="{{ $model }}" {{ (string) ($filters['model'] ?? '') === (string) $model ? 'selected' : '' }}>
                                        {{ $model }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label mb-1">Depo</label>
                            <input type="text" class="form-control form-control-sm js-ajax-select-trigger" readonly
                                style="cursor: pointer; background-color: #fff;"
                                data-mikro-type="depo"
                                data-mikro-code-target="assetFilterDepoNo"
                                data-skip-change-dispatch="1"
                                data-empty-option-label="Tüm Depolar"
                                data-empty-text="Tüm Depolar"
                                value="{{ $filters['depo_no'] ?? '' }}"
                                placeholder="Tüm Depolar">
                            <input type="hidden" id="assetFilterDepoNo" name="depo_no" value="{{ $filters['depo_no'] ?? '' }}">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label mb-1">Stok Durumu</label>
                            <select name="stock_status" class="form-select form-select-sm">
                                <option value="">Tüm Stoklar</option>
                                <option value="in_stock" {{ (string) ($filters['stock_status'] ?? '') === 'in_stock' ? 'selected' : '' }}>Musait Stok Var</option>
                                <option value="out_of_stock" {{ (string) ($filters['stock_status'] ?? '') === 'out_of_stock' ? 'selected' : '' }}>Musait Stok Yok</option>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label mb-1">Zimmet Durumu</label>
                            <select name="assignment_status" class="form-select form-select-sm">
                                <option value="">Tüm Zimmetler</option>
                                <option value="assigned" {{ (string) ($filters['assignment_status'] ?? '') === 'assigned' ? 'selected' : '' }}>Zimmeti Olanlar</option>
                                <option value="unassigned" {{ (string) ($filters['assignment_status'] ?? '') === 'unassigned' ? 'selected' : '' }}>Zimmeti Olmayanlar</option>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <div class="form-check mt-4">
                                <input class="form-check-input" type="checkbox" value="1" id="assetDepoBreakdownFilter" name="depo_breakdown"
                                    {{ (string) ($filters['depo_breakdown'] ?? '0') === '1' ? 'checked' : '' }}>
                                <label class="form-check-label small" for="assetDepoBreakdownFilter">
                                    Depoya gore ayir
                                </label>
                            </div>
                        </div>
                        <div class="col-md-2 d-flex gap-2">
                            <button type="submit" id="assetFilterSubmitBtn" class="btn btn-sm btn-primary flex-fill">
                                <i class="bi bi-funnel me-1"></i> Filtrele
                            </button>
                            <a href="{{ route('admin.assets.index') }}" class="btn btn-sm btn-outline-secondary">Temizle</a>
                        </div>
                    </form>
                </div>
                <div id="assetFilterResults">
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-hover mb-0 align-middle">
                                <thead class="table-light">
                                    <tr>
                                        <th class="ps-3">#</th>
                                        <th>Envanter</th>
                                        <th>Kategori</th>
                                        <th>Stok</th>
                                        <th class="text-end pe-3">Detay</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($assets as $asset)
                                                    @php
                                                        $totalQty = (int) ($asset->total_quantity_effective ?? ($asset->total_quantity ?? 1));
                                                        $assignedQty = (int) ($asset->assigned_quantity ?? 0);
                                                        $availableQty = (int) ($asset->available_quantity ?? max($totalQty - $assignedQty, 0));
                                                        $assetMeta = json_decode((string) ($asset->metadata_json ?? ''), true);
                                                        $hardwareSpecs = [];
                                                        if (is_array($assetMeta)) {
                                                            $rawSpecs = $assetMeta['hardware_specs'] ?? [];
                                                            if (is_string($rawSpecs) && trim($rawSpecs) !== '') {
                                                                $rawSpecs = [$rawSpecs];
                                                            }
                                                            if (is_array($rawSpecs)) {
                                                                $hardwareSpecs = array_values(array_unique(array_filter(array_map(
                                                                    static fn($spec) => trim((string) $spec),
                                                                    $rawSpecs
                                                                ), static fn(string $spec): bool => $spec !== '')));
                                                            }
                                                        }
                                                        $rowNo = method_exists($assets, 'firstItem')
                                                            ? ((int) ($assets->firstItem() ?? 1) + $loop->index)
                                                            : ($loop->index + 1);
                                                    @endphp
                                                    <tr>
                                                        <td class="ps-3">{{ $rowNo }}</td>
                                                        <td>
                                                            <div class="fw-semibold">{{ $asset->name }}</div>
                                                            <small class="text-muted">{{ $asset->brand }} {{ $asset->model }}</small>
                                                            @if(!empty($hardwareSpecs))
                                                                <small class="text-muted d-block">Donanim:
                                                                    {{ \Illuminate\Support\Str::limit(implode(' | ', $hardwareSpecs), 120) }}</small>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <div>{{ $asset->category ?: '-' }}</div>
                                                            <div class="small text-muted">Depo: {{ trim((string) ($asset->depo_no ?? '')) !== '' ? trim((string) ($asset->depo_no ?? '')) : '-' }}</div>
                                                        </td>
                                                        <td>
                                                            <div class="small text-muted">
                                                                Toplam: <span class="fw-semibold text-dark">{{ $totalQty }}</span>
                                                            </div>
                                                            <div class="small text-muted">
                                                                Zimmetli: <span class="fw-semibold text-dark">{{ $assignedQty }}</span>
                                                            </div>
                                                            <div class="small text-muted">
                                                                Kalan: <span class="fw-semibold text-dark">{{ $availableQty }}</span>
                                                            </div>
                                                        </td>
                                                        <td class="text-end pe-3">
                                                            <a href="{{ route('admin.assets.show', array_filter([
                                        'assetId' => $asset->id,
                                        'serial_no' => trim((string) ($filters['serial_no'] ?? '')) ?: null,
                                    ])) }}" class="btn btn-sm btn-outline-primary">
                                                                <i class="bi bi-eye me-1"></i> Detay
                                                            </a>
                                                        </td>
                                                    </tr>
                                    @empty
                                        <tr>
                                            <td colspan="5" class="text-center py-4 text-muted">Envanter kaydı yok.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @php
                        $summaryItemCount = (int) data_get($summary ?? null, 'item_count', 0);
                        $summaryTotalQty = (int) data_get($summary ?? null, 'total_quantity_sum', 0);
                        $summaryAssignedQty = (int) data_get($summary ?? null, 'assigned_quantity_sum', 0);
                        $summaryAvailableQty = (int) data_get($summary ?? null, 'available_quantity_sum', 0);
                        $hasActiveFilters = trim((string) ($filters['name'] ?? '')) !== ''
                            || trim((string) ($filters['serial_no'] ?? '')) !== ''
                            || trim((string) ($filters['category'] ?? '')) !== ''
                            || trim((string) ($filters['brand'] ?? '')) !== ''
                            || trim((string) ($filters['model'] ?? '')) !== ''
                            || trim((string) ($filters['depo_no'] ?? '')) !== ''
                            || (string) ($filters['depo_breakdown'] ?? '0') === '1'
                            || trim((string) ($filters['stock_status'] ?? '')) !== ''
                            || trim((string) ($filters['assignment_status'] ?? '')) !== '';
                    @endphp
                    <div class="card-footer bg-white">
                        <div class="d-flex flex-wrap justify-content-between align-items-center gap-2">
                            <div class="small text-muted">
                                {{ $hasActiveFilters ? 'Filtre Sonucu Toplam Urun Adedi' : 'Toplam Urun Adedi' }}:
                                <span class="fw-semibold text-dark">{{ $summaryTotalQty }}</span>
                                <span class="ms-3">Kalem:
                                    <span class="fw-semibold text-dark">{{ $summaryItemCount }}</span>
                                </span>
                                <span class="ms-3">Zimmetli:
                                    <span class="fw-semibold text-dark">{{ $summaryAssignedQty }}</span>
                                </span>
                                <span class="ms-3">Kalan:
                                    <span class="fw-semibold text-dark">{{ $summaryAvailableQty }}</span>
                                </span>
                            </div>
                            @if(method_exists($assets, 'links'))
                                <div>
                                    {{ $assets->links('pagination::bootstrap-5') }}
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection

@push('scripts')
    <script>
        (() => {
            const filterForm = document.getElementById('assetFilterForm');
            const filterSubmitButton = document.getElementById('assetFilterSubmitBtn');
            const filterResults = document.getElementById('assetFilterResults');
            const categorySelect = document.getElementById('assetFilterCategory');
            const brandSelect = document.getElementById('assetFilterBrand');
            const modelSelect = document.getElementById('assetFilterModel');
            const depoTriggerInput = document.querySelector('input.js-ajax-select-trigger[data-mikro-code-target="assetFilterDepoNo"]');
            const depoCodeInput = document.getElementById('assetFilterDepoNo');
            let activeFilterRequest = null;

            if (!filterForm || !filterSubmitButton || !filterResults || !categorySelect || !brandSelect || !modelSelect) {
                return;
            }

            filterForm.addEventListener('submit', function (event) {
                if ((event.submitter || null) !== filterSubmitButton) {
                    event.preventDefault();
                    return;
                }

                event.preventDefault();
                submitFilterRequest();
            });

            filterForm.querySelectorAll('select, input').forEach(function (field) {
                if (field === filterSubmitButton) {
                    return;
                }

                field.addEventListener('change', function (event) {
                    event.stopPropagation();
                });
            });

            const filterOptionData = @json($filterOptionData ?? ['allBrands' => [], 'brandsByCategory' => [], 'modelsByCategoryBrand' => []]);
            const allBrands = Array.isArray(filterOptionData.allBrands) ? filterOptionData.allBrands : [];
            const brandsByCategory = filterOptionData.brandsByCategory && typeof filterOptionData.brandsByCategory === 'object'
                ? filterOptionData.brandsByCategory
                : {};
            const modelsByCategoryBrand = filterOptionData.modelsByCategoryBrand && typeof filterOptionData.modelsByCategoryBrand === 'object'
                ? filterOptionData.modelsByCategoryBrand
                : {};

            const renderOptions = function (select, options, emptyLabel, selectedValue) {
                const normalizedSelected = String(selectedValue || '');
                select.innerHTML = '';

                const emptyOption = document.createElement('option');
                emptyOption.value = '';
                emptyOption.textContent = emptyLabel;
                select.appendChild(emptyOption);

                let hasSelected = normalizedSelected === '';

                (Array.isArray(options) ? options : []).forEach(function (value) {
                    const optionValue = String(value || '').trim();
                    if (optionValue === '') {
                        return;
                    }

                    const option = document.createElement('option');
                    option.value = optionValue;
                    option.textContent = optionValue;
                    if (optionValue === normalizedSelected) {
                        option.selected = true;
                        hasSelected = true;
                    }
                    select.appendChild(option);
                });

                if (!hasSelected) {
                    select.value = '';
                }
            };

            const getBrandOptions = function (categoryValue) {
                const categoryKey = String(categoryValue || '');
                if (categoryKey !== '' && Array.isArray(brandsByCategory[categoryKey])) {
                    return brandsByCategory[categoryKey];
                }

                return allBrands;
            };

            const getModelOptions = function (categoryValue, brandValue) {
                const categoryKey = String(categoryValue || '');
                const brandKey = String(brandValue || '');
                if (categoryKey === '' || brandKey === '') {
                    return [];
                }

                if (
                    modelsByCategoryBrand[categoryKey]
                    && typeof modelsByCategoryBrand[categoryKey] === 'object'
                    && Array.isArray(modelsByCategoryBrand[categoryKey][brandKey])
                ) {
                    return modelsByCategoryBrand[categoryKey][brandKey];
                }

                return [];
            };

            const setFilterLoading = function (isLoading) {
                filterSubmitButton.disabled = !!isLoading;
                if (isLoading) {
                    filterSubmitButton.dataset.originalHtml = filterSubmitButton.dataset.originalHtml || filterSubmitButton.innerHTML;
                    filterSubmitButton.innerHTML = '<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span> Filtreleniyor';
                    return;
                }

                if (filterSubmitButton.dataset.originalHtml) {
                    filterSubmitButton.innerHTML = filterSubmitButton.dataset.originalHtml;
                }
            };

            const loadFilterResults = async function (url) {
                if (activeFilterRequest) {
                    activeFilterRequest.abort();
                }

                const requestController = new AbortController();
                activeFilterRequest = requestController;
                setFilterLoading(true);

                try {
                    const response = await fetch(url, {
                        headers: {
                            'X-Requested-With': 'XMLHttpRequest',
                        },
                        signal: requestController.signal,
                    });

                    if (!response.ok) {
                        throw new Error('Filter request failed');
                    }

                    const html = await response.text();
                    const parser = new DOMParser();
                    const doc = parser.parseFromString(html, 'text/html');
                    const nextResults = doc.getElementById('assetFilterResults');

                    if (!nextResults) {
                        throw new Error('Filter result fragment missing');
                    }

                    filterResults.innerHTML = nextResults.innerHTML;
                    window.history.replaceState({}, '', url);
                } catch (error) {
                    if (error.name === 'AbortError') {
                        return;
                    }

                    window.location.assign(url);
                } finally {
                    if (activeFilterRequest === requestController) {
                        activeFilterRequest = null;
                        setFilterLoading(false);
                    }
                }
            };

            const submitFilterRequest = function () {
                const params = new URLSearchParams(new FormData(filterForm));
                const action = filterForm.getAttribute('action') || window.location.pathname;
                const targetUrl = params.toString() !== ''
                    ? `${action}?${params.toString()}`
                    : action;

                loadFilterResults(targetUrl);
            };

            const syncBrandOptions = function (preserveCurrent) {
                const currentCategory = String(categorySelect.value || '');
                const currentBrand = preserveCurrent ? String(brandSelect.value || '') : '';
                const brandOptions = getBrandOptions(currentCategory);
                renderOptions(brandSelect, brandOptions, 'Tüm Markalar', currentBrand);
            };

            const syncModelOptions = function (preserveCurrent) {
                const currentCategory = String(categorySelect.value || '');
                const currentBrand = String(brandSelect.value || '');
                const currentModel = preserveCurrent ? String(modelSelect.value || '') : '';
                const modelOptions = getModelOptions(currentCategory, currentBrand);
                renderOptions(
                    modelSelect,
                    modelOptions,
                    currentBrand !== '' ? 'Tüm Modeller' : 'Once Marka Seçin',
                    currentModel
                );
            };

            categorySelect.addEventListener('change', function () {
                syncBrandOptions(false);
                syncModelOptions(false);
            });

            brandSelect.addEventListener('change', function () {
                syncModelOptions(false);
            });

            depoTriggerInput?.addEventListener('change', function (event) {
                event.stopPropagation();
            });

            depoCodeInput?.addEventListener('change', function (event) {
                event.stopPropagation();
            });

            filterResults.addEventListener('click', function (event) {
                const paginationLink = event.target.closest('.pagination a');
                if (!paginationLink) {
                    return;
                }

                const href = String(paginationLink.getAttribute('href') || '').trim();
                if (href === '') {
                    return;
                }

                event.preventDefault();
                loadFilterResults(href);
            });

            syncBrandOptions(true);
            syncModelOptions(true);
        })();
    </script>
    <script type="text/template" id="assetRowTemplate">
                                                    <div class="border rounded p-2 bg-light-subtle js-asset-row">
                                                        <div class="d-flex justify-content-end mb-1">
                                                            <button type="button" class="btn btn-outline-danger btn-sm py-0 px-2 js-remove-row">Sil</button>
                                                        </div>
                                                        <div class="row g-2 align-items-end mb-3">
                                                            <div class="col-12 fw-semibold text-primary border-bottom pb-1 mb-1">Mikro Satır Bilgileri</div>
                                                            <div class="col-md-4">
                                                                <label class="form-label mb-1">Mikro Stok Adı</label>
                                                                <input type="text" name="rows[__INDEX__][mikro_stok_isim]" class="form-control form-control-sm js-ajax-select-trigger" readonly style="cursor: pointer; background-color: #fff;" data-mikro-type="stok" data-mikro-stock-code-target="assetCreateRowMikroStokKod-__INDEX__" data-local-name-target="assetCreateRowName-__INDEX__" required>
                                                                <input type="hidden" id="assetCreateRowMikroStokKod-__INDEX__" name="rows[__INDEX__][mikro_stok_kod]">
                                                            </div>
                                                            <div class="col-md-1">
                                                                <label class="form-label mb-1">Miktar</label>
                                                                <input type="number" step="1" min="0" name="rows[__INDEX__][mikro_miktar]" class="form-control form-control-sm" required>
                                                            </div>
                                                            <input type="hidden" name="rows[__INDEX__][mikro_birim_pntr]" value="1">
                                                            <div class="col-md-2">
                                                                <label class="form-label mb-1">Tutar</label>
                                                                <input type="number" step="0.01" min="0" name="rows[__INDEX__][mikro_tutar]" class="form-control form-control-sm" required>
                                                            </div>
                                                            <div class="col-md-5">
                                                                <label class="form-label mb-1">Açıklama</label>
                                                                <input type="text" name="rows[__INDEX__][mikro_aciklama]" class="form-control form-control-sm" required>
                                                            </div>
                                                        </div>

                                                        <div class="row g-2 align-items-end">
                                                            <div class="col-12 fw-semibold text-secondary border-bottom pb-1 mb-1 mt-2">Yerel Envanter Bilgileri</div>
                                                            <div class="col-md-2">
                                                                <label class="form-label mb-1">Ad <span class="text-danger">*</span></label>
                                                                <input type="text" name="rows[__INDEX__][name]" id="assetCreateRowName-__INDEX__" class="form-control form-control-sm" required>
                                                            </div>
                                                            <div class="col-md-1">
                                                                <label class="form-label mb-1">Kategori</label>
                                                                <input type="text" name="rows[__INDEX__][category]"
                                                                    class="form-control form-control-sm js-ajax-select-trigger" readonly
                                                                    style="cursor: pointer; background-color: #fff;"
                                                                    data-mikro-type="category"
                                                                    placeholder="Kategori secin" required>
                                                            </div>
                                                             <div class="col-md-1">
                                                                 <label class="form-label mb-1">Marka</label>
                                                                 <input type="text" name="rows[__INDEX__][brand]" class="form-control form-control-sm js-ajax-select-trigger" readonly style="cursor: pointer; background-color: #fff;" data-mikro-type="brand" placeholder="Marka secin">
                                                             </div>
                                                             <div class="col-md-1">
                                                                 <label class="form-label mb-1">Model</label>
                                                                 <input type="text" name="rows[__INDEX__][model]" class="form-control form-control-sm">
                                                             </div>
                                                             <div class="col-md-2">
                                                                 <label class="form-label mb-1">Seri No</label>
                                                                 <input type="text" name="rows[__INDEX__][serial_no]" class="form-control form-control-sm">
                                                             </div>
                                                            <input type="hidden" name="rows[__INDEX__][depo_no]">
                                                            <div class="col-md-1">
                                                                <label class="form-label mb-1">Adet</label>
                                                                <input type="number" min="1" name="rows[__INDEX__][total_quantity]" class="form-control form-control-sm" value="1" required>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <label class="form-label mb-1">Zimmet</label>
                                                                <input type="text" class="form-control form-control-sm js-select-modal-trigger"
                                                                    data-select-target="assetCreateRowAssigneeSelect-__INDEX__"
                                                                    data-select-remote-url="{{ route('admin.assets.assignee-options') }}"
                                                                    data-empty-text="Secim yapma"
                                                                    placeholder="Secim yapma" readonly>
                                                                <select name="rows[__INDEX__][assignee]" id="assetCreateRowAssigneeSelect-__INDEX__" class="form-select d-none"
                                                                    data-select-remote-url="{{ route('admin.assets.assignee-options') }}">
                                                                    <option value="">Secim yapma</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    </script>
    <script>
        (() => {
            if (window.__assetCreateRowsDelegated === true) {
                return;
            }
            window.__assetCreateRowsDelegated = true;

            const getTopDepotValue = function () {
                const topDepotInput = document.getElementById('assetMikroDepoNo');
                return topDepotInput ? String(topDepotInput.value || '').trim() : '';
            };

            const syncRowDepotInputs = function (scope) {
                const depotValue = getTopDepotValue();
                const root = scope || document;
                root.querySelectorAll('input[name$="[depo_no]"]').forEach(function (input) {
                    if (String(input.name || '').startsWith('rows[')) {
                        input.value = depotValue;
                    }
                });
            };

            const resetRow = function (row) {
                row.querySelectorAll('.is-invalid').forEach(function (el) {
                    el.classList.remove('is-invalid');
                });
                row.querySelectorAll('.invalid-feedback').forEach(function (el) {
                    el.remove();
                });
                row.querySelectorAll('i.bi-exclamation-circle-fill').forEach(function (el) {
                    el.remove();
                });

                row.querySelectorAll('input').forEach(function (input) {
                    if (input.type === 'hidden') {
                        input.value = (input.name || '').includes('[mikro_birim_pntr]') ? '1' : '';
                        return;
                    }
                    if (input.classList.contains('js-select-modal-trigger')) {
                        input.value = '';
                        return;
                    }
                    if (input.type === 'number') {
                        input.value = (input.name || '').includes('[total_quantity]') ? '1' : '';
                        return;
                    }
                    input.value = '';
                });

                row.querySelectorAll('select').forEach(function (select) {
                    select.value = '';
                    select.dispatchEvent(new Event('change', { bubbles: true }));
                });
            };

            const reindexRow = function (row, index) {
                const valueReplacements = [
                    ['assetCreateRowMikroStokKod-\\d+', 'assetCreateRowMikroStokKod-' + String(index)],
                    ['assetCreateRowName-\\d+', 'assetCreateRowName-' + String(index)],
                    ['assetCreateRowAssigneeSelect-\\d+', 'assetCreateRowAssigneeSelect-' + String(index)],
                ];

                row.querySelectorAll('[name]').forEach(function (el) {
                    el.name = (el.name || '').replace(/rows\[\d+\]/g, 'rows[' + String(index) + ']');
                });

                row.querySelectorAll('[id]').forEach(function (el) {
                    let nextId = el.id || '';
                    valueReplacements.forEach(function (replacement) {
                        nextId = nextId.replace(new RegExp(replacement[0], 'g'), replacement[1]);
                    });
                    el.id = nextId;
                });

                row.querySelectorAll('[data-select-target],[data-mikro-code-target],[data-mikro-stock-code-target],[data-local-name-target]').forEach(function (el) {
                    if (el.dataset.selectTarget) {
                        valueReplacements.forEach(function (replacement) {
                            el.dataset.selectTarget = el.dataset.selectTarget.replace(new RegExp(replacement[0], 'g'), replacement[1]);
                        });
                    }
                    if (el.dataset.mikroCodeTarget) {
                        valueReplacements.forEach(function (replacement) {
                            el.dataset.mikroCodeTarget = el.dataset.mikroCodeTarget.replace(new RegExp(replacement[0], 'g'), replacement[1]);
                        });
                    }
                    if (el.dataset.mikroStockCodeTarget) {
                        valueReplacements.forEach(function (replacement) {
                            el.dataset.mikroStockCodeTarget = el.dataset.mikroStockCodeTarget.replace(new RegExp(replacement[0], 'g'), replacement[1]);
                        });
                    }
                    if (el.dataset.localNameTarget) {
                        valueReplacements.forEach(function (replacement) {
                            el.dataset.localNameTarget = el.dataset.localNameTarget.replace(new RegExp(replacement[0], 'g'), replacement[1]);
                        });
                    }
                });

                syncRowDepotInputs(row);
            };

            const getNextIndex = function (rowsContainer) {
                const attrValue = parseInt(rowsContainer.getAttribute('data-next-index') || '', 10);
                if (!Number.isNaN(attrValue) && attrValue >= 1) {
                    return attrValue;
                }

                let maxIndex = -1;
                rowsContainer.querySelectorAll('[name]').forEach(function (el) {
                    const match = String(el.name || '').match(/rows\[(\d+)\]/);
                    if (!match) {
                        return;
                    }
                    const parsed = parseInt(match[1], 10);
                    if (!Number.isNaN(parsed) && parsed > maxIndex) {
                        maxIndex = parsed;
                    }
                });

                return maxIndex >= 0 ? (maxIndex + 1) : rowsContainer.querySelectorAll('.js-asset-row').length;
            };

            const createRowHtml = function (rowsContainer, index) {
                const rowTemplateEl = document.getElementById('assetRowTemplate');
                const templateHtml = rowTemplateEl ? String(rowTemplateEl.innerHTML || '').trim() : '';
                if (templateHtml !== '') {
                    return templateHtml.replace(/__INDEX__/g, String(index));
                }

                const sourceRow = rowsContainer.querySelector('.js-asset-row');
                if (!sourceRow) {
                    return '';
                }

                const clone = sourceRow.cloneNode(true);
                reindexRow(clone, index);
                resetRow(clone);
                return clone.outerHTML;
            };

            document.addEventListener('click', function (event) {
                const addButton = event.target.closest('#assetAddRowBtn');
                if (addButton) {
                    event.preventDefault();
                    const rowsContainer = document.getElementById('assetCreateRows');
                    if (!rowsContainer) {
                        return;
                    }

                    const nextIndex = getNextIndex(rowsContainer);
                    const html = createRowHtml(rowsContainer, nextIndex);
                    if (html === '') {
                        return;
                    }

                    rowsContainer.insertAdjacentHTML('beforeend', html);
                    rowsContainer.setAttribute('data-next-index', String(nextIndex + 1));
                    const lastRow = rowsContainer.lastElementChild;
                    if (lastRow) {
                        resetRow(lastRow);
                        syncRowDepotInputs(lastRow);
                    }
                    return;
                }

                const removeButton = event.target.closest('#assetCreateRows .js-remove-row');
                if (!removeButton) {
                    return;
                }

                event.preventDefault();
                const row = removeButton.closest('.js-asset-row');
                if (!row) {
                    return;
                }

                const rowsContainer = row.closest('#assetCreateRows');
                if (!rowsContainer) {
                    return;
                }

                const rowCount = rowsContainer.querySelectorAll('.js-asset-row').length;
                if (rowCount <= 1) {
                    resetRow(row);
                    return;
                }

                row.remove();
            });

            const assetCreateForm = document.getElementById('assetCreateForm');
            assetCreateForm?.addEventListener('keydown', function (event) {
                if (event.key !== 'Enter' || event.shiftKey) {
                    return;
                }

                const target = event.target;
                if (!(target instanceof HTMLElement)) {
                    return;
                }

                if (target.tagName === 'TEXTAREA') {
                    return;
                }

                event.preventDefault();

                const focusableElements = Array.from(assetCreateForm.querySelectorAll('input, select, button, textarea'))
                    .filter(function (element) {
                        if (!(element instanceof HTMLElement)) {
                            return false;
                        }

                        if (element.hasAttribute('disabled')) {
                            return false;
                        }

                        if (element instanceof HTMLInputElement) {
                            if (element.type === 'hidden' || element.type === 'submit') {
                                return false;
                            }
                        }

                        if (element.offsetParent === null && !element.classList.contains('js-ajax-select-trigger')) {
                            return false;
                        }

                        return true;
                    });

                const currentIndex = focusableElements.indexOf(target);
                const nextElement = currentIndex >= 0 ? focusableElements[currentIndex + 1] : focusableElements[0];
                if (nextElement instanceof HTMLElement) {
                    nextElement.focus();
                    if (nextElement instanceof HTMLInputElement && nextElement.type !== 'button') {
                        nextElement.select?.();
                    }
                }
            });

            const topDepotInput = document.getElementById('assetMikroDepoNo');
            if (topDepotInput) {
                topDepotInput.addEventListener('input', function () {
                    syncRowDepotInputs(document);
                });
                topDepotInput.addEventListener('change', function () {
                    syncRowDepotInputs(document);
                });
            }

            syncRowDepotInputs(document);
        })();
    </script>
@endpush