@extends('layouts.admin')

@section('title', $item->name)

@section('content')
    <x-ui.page-header :title="$item->name" subtitle="Item of interest" :back="route('admin.items.index')">
        <x-slot:actions>
            @can('update', $item)
                <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.items.edit', $item) }}"><i class="bi bi-pencil"></i> Edit</a>
            @endcan
            @can('delete', $item)
                <x-ui.delete-button :action="route('admin.items.destroy', $item)" label="Delete"
                    confirm="Delete item {{ $item->name }}?" />
            @endcan
        </x-slot:actions>
    </x-ui.page-header>

    <x-ui.card title="Properties">
        <div class="row">
            <x-ui.detail-row label="Name">{{ $item->name }}</x-ui.detail-row>
            <x-ui.detail-row label="Category">{{ $item->category }}</x-ui.detail-row>
            <x-ui.detail-row label="X-Ray Case">
                <a class="text-decoration-none" href="{{ route('admin.xray-cases.show', $item->xray_case_id) }}">{{ $item->xrayCase?->name }}</a>
            </x-ui.detail-row>
            <x-ui.detail-row label="X-Ray View">{{ $item->xrayView?->label() ?? 'Whole case' }}</x-ui.detail-row>
            <x-ui.detail-row label="Description">{{ $item->description }}</x-ui.detail-row>
            <x-ui.detail-row label="Target Regions">
                @forelse ($item->annotations as $annotation)
                    <div class="mb-1">
                        <span class="badge text-bg-light">{{ $annotation->xrayView?->label() }}</span>
                        <span class="xrt-meta">
                            X {{ number_format($annotation->x_percent, 2) }}% ·
                            Y {{ number_format($annotation->y_percent, 2) }}% ·
                            W {{ number_format($annotation->width_percent, 2) }}% ·
                            H {{ number_format($annotation->height_percent, 2) }}%
                        </span>
                        @can(\App\Support\Permissions::ANNOTATIONS_VIEW)
                            <a class="small text-decoration-none ms-1"
                               href="{{ route('admin.xray-annotations.editor', [$item->xray_case_id, $annotation->xray_view_id]) }}">Open editor</a>
                        @endcan
                    </div>
                @empty
                    <span class="xrt-meta">No target marked yet.</span>
                    @can(\App\Support\Permissions::ANNOTATIONS_CREATE)
                        @php $firstView = $item->xrayView ?? $item->xrayCase?->views->first(); @endphp
                        @if ($firstView)
                            <a class="small text-decoration-none ms-1"
                               href="{{ route('admin.xray-annotations.editor', [$item->xray_case_id, $firstView]) }}">Mark target</a>
                        @endif
                    @endcan
                @endforelse
            </x-ui.detail-row>
            <x-ui.detail-row label="Created By">{{ $item->creator?->name ?? 'System' }}</x-ui.detail-row>
            <x-ui.detail-row label="Created At">{{ $item->created_at?->format('d M Y H:i') }}</x-ui.detail-row>
            <x-ui.detail-row label="Updated By">{{ $item->updater?->name ?? '—' }}</x-ui.detail-row>
            <x-ui.detail-row label="Updated At">{{ $item->updated_at?->format('d M Y H:i') }}</x-ui.detail-row>
        </div>
    </x-ui.card>
@endsection