@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Asset items'))
@include('admin.asset.partials.page_styles')
@push('css')
<style>
    .asset-registry-page .asset-stat {
        border: 1px solid #edf0f6;
        border-radius: 10px;
        background: #fff;
        padding: 12px 16px;
        text-align: center;
        height: 100%;
        transition: box-shadow .15s ease;
        color: inherit;
        text-decoration: none;
        display: block;
    }
    .asset-registry-page .asset-stat:hover {
        box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
        text-decoration: none;
        color: inherit;
    }
    .asset-registry-page .asset-stat .num {
        font-size: 1.35rem;
        font-weight: 800;
        line-height: 1.2;
    }
    .asset-registry-page .asset-stat .lbl {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: .05em;
        color: #64748b;
    }
    .asset-registry-page .asset-stat.is-active {
        border-color: #605daf;
        box-shadow: 0 0 0 2px rgba(96, 93, 175, .15);
    }
    .asset-registry-page .asset-registry-table thead th {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: .04em;
        white-space: nowrap;
    }
    .asset-registry-page .asset-serial {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        font-size: 12px;
        color: #334155;
    }
    .asset-registry-page .asset-filter-btn-label {
        visibility: hidden;
        display: block;
    }
    .asset-registry-page .asset-filter-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        min-height: 38px;
    }
    .asset-registry-page .asset-filter-actions .btn {
        display: inline-flex;
        align-items: center;
        height: 38px;
        white-space: nowrap;
    }
    .asset-registry-page .asset-quick-links .btn {
        font-size: 12px;
        font-weight: 600;
    }
</style>
@endpush
@section('content')
<div class="row asset-admin-page asset-registry-page">
    <div class="col-xl-11 mx-auto mt-3 mb-4">
        <div class="d-flex flex-wrap justify-content-between align-items-start mb-3">
            <div class="mb-2 mb-md-0">
                <h4 class="mb-1">{{ __('Enterprise asset registry') }}</h4>
                <p class="text-muted small mb-0">{{ __('Register, track and manage fixed assets, consumables, fleet and bulk stock.') }}</p>
            </div>
            <div class="d-flex flex-wrap align-items-center asset-quick-links" style="gap: 8px;">
                <a href="{{ route('asset.stock.report') }}" class="btn btn-outline-secondary btn-sm">
                    <i class="mdi mdi-chart-bar mr-1"></i> {{ __('Stock report') }}
                </a>
                <a href="{{ route('asset.category') }}" class="btn btn-outline-secondary btn-sm">
                    <i class="mdi mdi-folder-outline mr-1"></i> {{ __('Categories') }}
                </a>
                <a href="{{ route('asset.location') }}" class="btn btn-outline-secondary btn-sm">
                    <i class="mdi mdi-map-marker-outline mr-1"></i> {{ __('Locations') }}
                </a>
                @can('Asset-create')
                    <button type="button" class="btn btn-primary btn-sm" onclick="attendence_setup_add()">
                        <i class="las la-plus"></i> {{ __('Register asset') }}
                    </button>
                @endcan
            </div>
        </div>

        <div class="row mb-3">
            @php
                $statusFilter = request('status');
                $statCards = [
                    'all' => [__('All assets'), $stats['total'] ?? 0, null],
                    'available' => [__('Available'), $stats['available'] ?? 0, \App\Support\Asset\AssetStatus::AVAILABLE],
                    'assigned' => [__('Assigned'), $stats['assigned'] ?? 0, \App\Support\Asset\AssetStatus::ASSIGNED],
                ];
            @endphp
            @foreach($statCards as $key => [$label, $count, $statusValue])
                @php
                    $isActive = ($key === 'all' && ! request()->filled('status'))
                        || ($statusValue !== null && (string) $statusFilter === (string) $statusValue);
                    $statUrl = $key === 'all'
                        ? route('asset', request()->except(['status', 'page']))
                        : route('asset', array_merge(request()->except('page'), ['status' => $statusValue]));
                @endphp
                <div class="col-4 mb-2 mb-md-0">
                    <a href="{{ $statUrl }}" class="asset-stat {{ $isActive ? 'is-active' : '' }}">
                        <div class="num text-dark">{{ $count }}</div>
                        <div class="lbl">{{ $label }}</div>
                    </a>
                </div>
            @endforeach
        </div>

        <div class="card asset-card">
            <div class="card-header d-flex flex-wrap justify-content-between align-items-center">
                <h5 class="mb-0"><i class="mdi mdi-laptop text-muted mr-1"></i> {{ __('Asset items') }}</h5>
                @if(($stats['filtered'] ?? 0) > 0)
                    <span class="small text-muted">
                        {{ __('Showing') }} {{ $asset_items->firstItem() }}–{{ $asset_items->lastItem() }} {{ __('of') }} {{ $asset_items->total() }}
                    </span>
                @endif
            </div>
            <div class="card-body">
                <form method="get" class="asset-filters mb-4">
                    <div class="form-row align-items-end asset-filter-row">
                        <div class="form-group col-sm-6 col-lg-3 mb-2 mb-lg-0">
                            <label class="form-label-asset">{{ __('Enterprise type') }}</label>
                            <select class="form-control select2" name="asset_type" data-placeholder="{{ __('All types') }}">
                                <option value="">{{ __('All types') }}</option>
                                @foreach($assetTypes as $val => $label)
                                    <option value="{{ $val }}" @selected(request('asset_type') === $val)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-sm-6 col-lg-3 mb-2 mb-lg-0">
                            <label class="form-label-asset">{{ __('Sub-category') }}</label>
                            <select class="form-control select2" name="category_id" data-placeholder="{{ __('All sub-categories') }}">
                                <option value="">{{ __('All sub-categories') }}</option>
                                @foreach($subCategories as $cat)
                                    <option value="{{ $cat->id }}" @selected((string) request('category_id') === (string) $cat->id)>{{ $cat->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-sm-6 col-lg-3 mb-2 mb-lg-0">
                            <label class="form-label-asset">{{ __('Status') }}</label>
                            <select class="form-control select2" name="status" data-placeholder="{{ __('All statuses') }}">
                                <option value="">{{ __('All statuses') }}</option>
                                @foreach(\App\Support\Asset\AssetStatus::labels() as $code => $label)
                                    <option value="{{ $code }}" @selected((string) request('status') === (string) $code)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-sm-6 col-lg-3 mb-2 mb-lg-0">
                            <label class="form-label-asset">{{ __('Branch') }}</label>
                            <select class="form-control select2" name="branch_id" data-placeholder="{{ __('All branches') }}">
                                <option value="">{{ __('All branches') }}</option>
                                @foreach($branchs as $branch)
                                    <option value="{{ $branch->id }}" @selected((string) request('branch_id') === (string) $branch->id)>{{ $branch->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-sm-6 col-lg-3 mb-2 mb-lg-0">
                            <label class="form-label-asset">{{ __('Department') }}</label>
                            <select class="form-control select2" name="department_id" data-placeholder="{{ __('All departments') }}">
                                <option value="">{{ __('All departments') }}</option>
                                @foreach($departments as $dept)
                                    <option value="{{ $dept->id }}" @selected((string) request('department_id') === (string) $dept->id)>{{ $dept->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-sm-6 col-lg-3 mb-2 mb-lg-0">
                            <label class="form-label-asset">{{ __('Search') }}</label>
                            <input class="form-control" name="asset_code" value="{{ request('asset_code') }}" placeholder="{{ __('Name, serial or code…') }}">
                        </div>
                        <div class="form-group col-sm-6 col-lg-auto mb-0 asset-filter-actions-col">
                            <label class="form-label-asset asset-filter-btn-label" aria-hidden="true">&nbsp;</label>
                            <div class="asset-filter-actions">
                                <button class="btn btn-primary btn-sm" type="submit">
                                    <i class="fas fa-filter mr-1"></i> {{ __('Filter') }}
                                </button>
                                @if(request()->hasAny(['asset_type', 'category_id', 'status', 'branch_id', 'department_id', 'asset_code']))
                                    <a href="{{ route('asset') }}" class="btn btn-outline-secondary btn-sm">{{ __('Reset') }}</a>
                                @endif
                            </div>
                        </div>
                    </div>
                </form>

                <div class="table-responsive">
                    <table class="table table-hover mb-0 asset-registry-table">
                        <thead class="thead-light">
                        <tr>
                            <th>{{ __('Name') }}</th>
                            <th>{{ __('Type') }}</th>
                            <th>{{ __('Category') }}</th>
                            <th>{{ __('Serial / code') }}</th>
                            <th>{{ __('Branch') }}</th>
                            <th>{{ __('Holder') }}</th>
                            <th>{{ __('Qty') }}</th>
                            <th>{{ __('Status') }}</th>
                            <th class="text-right text-nowrap" style="width: 130px;">{{ __('Action') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($asset_items as $item)
                            @php
                                $parentCategory = $item->asset_category?->parentCategory;
                                $categoryLabel = $parentCategory
                                    ? $parentCategory->name.' → '.$item->asset_category?->name
                                    : ($item->asset_category?->name ?? '—');
                            @endphp
                            <tr>
                                <td>
                                    <a href="{{ route('asset.show', $item->id) }}" class="font-weight-medium text-dark">
                                        {{ $item->name }}
                                    </a>
                                    @if($item->department?->name)
                                        <div class="small text-muted">{{ $item->department->name }}</div>
                                    @endif
                                </td>
                                <td>
                                    <span class="badge badge-light border asset-type-badge">{{ $item->typeLabel() }}</span>
                                </td>
                                <td class="small">{{ $categoryLabel }}</td>
                                <td class="asset-serial">{{ $item->identity ?: $item->code ?: '—' }}</td>
                                <td>
                                    @if($item->branch?->name)
                                        <span class="badge badge-light border">{{ $item->branch->name }}</span>
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                                <td class="small">{{ $item->holderLabel() }}</td>
                                <td>{{ $item->formattedQty() }}</td>
                                <td>
                                    <span class="badge {{ \App\Support\Asset\AssetStatus::badgeClass((int) $item->status) }}">
                                        {{ $item->statusLabel() }}
                                    </span>
                                </td>
                                <td class="text-right text-nowrap">
                                    <a href="{{ route('asset.show', $item->id) }}" class="btn btn-outline-secondary btn-sm" title="{{ __('View') }}">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                    @can('Asset-edit')
                                        @if(\App\Support\Asset\AssetType::usesBulkQuantity($item->asset_type ?? '') && ($item->tracking_mode ?? '') === 'bulk_quantity')
                                            <button class="btn btn-outline-success btn-sm btn-receive-stock"
                                                    type="button"
                                                    title="{{ __('Receive stock') }}"
                                                    data-id="{{ $item->id }}"
                                                    data-name="{{ $item->name }}"
                                                    data-qty="{{ $item->formattedQty() }}"
                                                    data-unit="{{ $item->qtyUnitLabel() }}">
                                                <i class="fas fa-arrow-down"></i>
                                            </button>
                                        @endif
                                        <button class="btn btn-outline-primary btn-sm" type="button" title="{{ __('Edit') }}" onclick="attendance_setup_update({{ $item->id }})">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                    @endcan
                                    <button class="btn btn-outline-info btn-sm" type="button" title="{{ __('History') }}" onclick="asset_assign_history({{ $item->id }})">
                                        <i class="fas fa-history"></i>
                                    </button>
                                    @can('Asset-delete')
                                        <a class="btn btn-outline-danger btn-sm delete_modal" data-href="{{ route('asset.item.destroy', $item->id) }}" href="javascript:void(0)" title="{{ __('Delete') }}">
                                            <i class="fas fa-trash"></i>
                                        </a>
                                    @endcan
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="text-center text-muted py-4">
                                    <i class="mdi mdi-laptop-off d-block mb-2" style="font-size: 1.75rem;"></i>
                                    {{ __('No assets match your filters.') }}
                                </td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            @if($asset_items->hasPages())
                <div class="card-footer bg-white">{{ $asset_items->appends(request()->query())->links() }}</div>
            @endif
        </div>
    </div>
</div>
@endsection

@section('modal')
    @include('admin.asset.partials.receive_stock_modal')
    <div class="modal fade asset-admin-modal" id="Attendance_setup_modal" tabindex="-1">
        <form action="{{ route('asset.item.store') }}" method="POST">
            @csrf
            <div class="modal-dialog modal-dialog-scrollable asset-form-modal">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Register asset') }}</h5>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body">
                        @include('admin.asset.partials.form_fields', [
                            'item' => null,
                            'prefix' => 'new',
                            'categories' => $categories,
                            'branchs' => $branchs,
                            'departments' => $departments,
                            'locations' => $locations,
                            'parentAssets' => $parentAssets,
                            'assetTypes' => $assetTypes,
                        ])
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                        <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade asset-admin-modal" id="Attendance_setup_update_modal" tabindex="-1">
        <form action="{{ route('asset.item.update') }}" method="POST">
            @csrf
            <div class="modal-dialog modal-dialog-scrollable asset-form-modal">
                <div class="modal-content">
                    <div class="modal-header"><h5 class="modal-title">{{ __('Update asset') }}</h5><button type="button" class="close" data-dismiss="modal">&times;</button></div>
                    <div class="modal-body" id="asset_items_edit"></div>
                    <div class="modal-footer"><button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button><button type="submit" class="btn btn-primary">{{ __('Update') }}</button></div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade asset-admin-modal" id="asset_assign_history" tabindex="-1">
        <div class="modal-dialog modal-lg modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header"><h5 class="modal-title">{{ __('Assignment history') }}</h5><button type="button" class="close" data-dismiss="modal">&times;</button></div>
                <div class="modal-body" id="asset_assign_history_show"></div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    @include('admin.asset.partials.scripts')
    <script>
        function attendence_setup_add() {
            assetInitSelect2('#Attendance_setup_modal');
            assetSyncTypeFields('new');
            $('#Attendance_setup_modal').modal('show');
        }
        function attendance_setup_update(id) {
            $.get('{{ route('asset.item.edit') }}', { id: id }, function (res) {
                $('#asset_items_edit').html(res);
                assetInitSelect2('#asset_items_edit');
                assetSyncTypeFields('edit');
                $('#Attendance_setup_update_modal').modal('show');
            });
        }
        function asset_assign_history(id) {
            $.get('{{ route('asset.assign.history') }}', { id: id }, function (res) {
                $('#asset_assign_history_show').html(res);
                $('#asset_assign_history').modal('show');
            });
        }
    </script>
@endsection