@php
    $specLabels = [
        'os' => 'Sistema operacional',
        'memory' => 'Memória RAM',
        'processor' => 'Processador',
        'storage' => 'Armazenamento',
        'imei' => 'IMEI',
        'model' => 'Modelo',
        'so_version' => 'Versão do SO',
        'screen' => 'Tela',
        'connectivity' => 'Conectividade',
        'capacity' => 'Capacidade',
        'usb' => 'USB / geração',
        'connector' => 'Conector',
        'power' => 'Voltagem / potência',
        'notes' => 'Detalhes',
    ];
@endphp

<x-app-layout>

<x-page.header title="{{ $equipment->name }}">
    <x-slot name="action">
        <div class="flex flex-wrap gap-2 justify-end">
            @can('create', App\Models\EquipmentAssignment::class)
                @if($equipment->canReceiveNewLoan())
                    <x-ui.button href="{{ route('inventory.assignments.create', ['equipment_id' => $equipment->id]) }}">
                        Nova alocação
                    </x-ui.button>
                @endif
            @endcan
            @can('create', App\Models\EquipmentMaintenance::class)
                <x-ui.button href="{{ route('inventory.maintenances.create', ['equipment_id' => $equipment->id]) }}" class="bg-gray-700! hover:bg-gray-800!">
                    Lançar manutenção
                </x-ui.button>
            @endcan
            @can('update', $equipment)
                <x-ui.button href="{{ route('inventory.equipment.edit', $equipment) }}">
                    Editar equipamento
                </x-ui.button>
            @endcan
            <a href="{{ route('inventory.equipment.index') }}" class="inline-flex items-center text-sm text-gray-600 hover:text-gray-900 px-3 py-2">
                Voltar à lista
            </a>
        </div>
    </x-slot>
</x-page.header>

<x-page.card>
    <dl class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
        <div>
            <dt class="text-gray-500">Tipo</dt>
            <dd class="font-medium text-gray-900">{{ $equipment->equipmentType?->name ?? '—' }}</dd>
        </div>
        <div>
            <dt class="text-gray-500">Código</dt>
            <dd class="font-medium text-gray-900">{{ $equipment->code ?: '—' }}</dd>
        </div>
        <div>
            <dt class="text-gray-500">Setor responsável</dt>
            <dd class="font-medium text-gray-900">{{ $equipment->sector?->name ?? '—' }}</dd>
        </div>
        <div>
            <dt class="text-gray-500">Responsável no departamento</dt>
            <dd class="font-medium text-gray-900">{{ $equipment->custodian?->name ?? '—' }}</dd>
        </div>
        <div>
            <dt class="text-gray-500">Data da compra</dt>
            <dd class="font-medium text-gray-900">{{ $equipment->purchase_date?->format('d/m/Y') ?? '—' }}</dd>
        </div>
        <div>
            <dt class="text-gray-500">Unidade de aquisição</dt>
            <dd class="font-medium text-gray-900">{{ $equipment->acquisition_unit?->label() ?? '—' }}</dd>
        </div>
        <div>
            <dt class="text-gray-500">Condição (compra)</dt>
            <dd class="font-medium text-gray-900">{{ $equipment->condition->label() }}</dd>
        </div>
        <div>
            <dt class="text-gray-500">Status do patrimônio</dt>
            <dd class="font-medium text-gray-900">{{ $equipment->lifecycle_status->label() }}</dd>
        </div>
        <div>
            <dt class="text-gray-500">Situação de uso</dt>
            <dd class="font-medium text-gray-900">{{ $equipment->resolveAvailabilityLabel($equipment->hasOpenAssignment()) }}</dd>
        </div>
        <div class="md:col-span-2">
            <dt class="text-gray-500">Foto</dt>
            <dd class="mt-2">
                @if($equipment->photo_path)
                    <img src="{{ $equipment->photoUrl() }}"
                         alt="Foto do equipamento {{ $equipment->name }}"
                         class="h-40 w-40 rounded-lg border border-gray-200 object-cover" />
                @else
                    <span class="text-gray-900">—</span>
                @endif
            </dd>
        </div>
        <div class="md:col-span-2">
            <dt class="text-gray-500">Descrição</dt>
            <dd class="text-gray-900 whitespace-pre-wrap">{{ $equipment->description ?: '—' }}</dd>
        </div>
    </dl>

    @if(! empty($equipment->specifications))
        <h3 class="text-sm font-semibold text-gray-800 mt-6 mb-2">Especificações</h3>
        <dl class="grid grid-cols-1 md:grid-cols-2 gap-3 text-sm border-t border-gray-100 pt-4">
            @foreach($equipment->specifications as $key => $value)
                @if($value !== null && $value !== '')
                    <div>
                        <dt class="text-gray-500">{{ $specLabels[$key] ?? \Illuminate\Support\Str::headline(str_replace('_', ' ', (string) $key)) }}</dt>
                        <dd class="font-medium text-gray-900 whitespace-pre-wrap">{{ $value }}</dd>
                    </div>
                @endif
            @endforeach
        </dl>
    @endif
</x-page.card>

<h2 class="text-lg font-semibold text-gray-800 mb-3">Histórico de alocações</h2>

<x-page.card>
    <x-table.table>
        <thead class="bg-gray-50 border-b">
            <tr>
                <x-table.th>Funcionário</x-table.th>
                <x-table.th>Entrega</x-table.th>
                <x-table.th>Tipo</x-table.th>
                <x-table.th>Unidade</x-table.th>
                <x-table.th>Devolução</x-table.th>
                <x-table.th>Justificativa da baixa</x-table.th>
                <x-table.th>Observação</x-table.th>
            </tr>
        </thead>
        <tbody class="divide-y">
            @forelse($assignments as $row)
                <tr class="hover:bg-gray-50">
                    <x-table.td>{{ $row->user->name }}</x-table.td>
                    <x-table.td>{{ $row->assigned_at->format('d/m/Y H:i') }}</x-table.td>
                    <x-table.td>{{ $row->assignment_type->label() }}</x-table.td>
                    <x-table.td>{{ $row->loan_unit?->label() ?? '—' }}</x-table.td>
                    <x-table.td>{{ $row->returned_at ? $row->returned_at->format('d/m/Y H:i') : '—' }}</x-table.td>
                    <x-table.td class="max-w-md">{{ $row->return_reason ?: '—' }}</x-table.td>
                    <x-table.td class="max-w-md">{{ $row->observation ?: '—' }}</x-table.td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="px-6 py-10 text-center text-gray-500">Nenhuma alocação registrada.</td>
                </tr>
            @endforelse
        </tbody>
    </x-table.table>
</x-page.card>

<h2 class="text-lg font-semibold text-gray-800 mt-8 mb-3">Histórico de manutenções</h2>

<x-page.card>
    <x-table.table>
        <thead class="bg-gray-50 border-b">
            <tr>
                <x-table.th>Data</x-table.th>
                <x-table.th>Tipo</x-table.th>
                <x-table.th>Formatou?</x-table.th>
                <x-table.th>Peças trocadas</x-table.th>
                <x-table.th>Descrição</x-table.th>
                <x-table.th>Registrado por</x-table.th>
            </tr>
        </thead>
        <tbody class="divide-y">
            @forelse($maintenances as $row)
                <tr class="hover:bg-gray-50">
                    <x-table.td>{{ $row->performed_at->format('d/m/Y H:i') }}</x-table.td>
                    <x-table.td>{{ $row->maintenance_type->label() }}</x-table.td>
                    <x-table.td>{{ $row->was_formatted ? 'Sim' : 'Não' }}</x-table.td>
                    <x-table.td class="max-w-md">{{ $row->parts_replaced ?: '—' }}</x-table.td>
                    <x-table.td class="max-w-md">{{ $row->description }}</x-table.td>
                    <x-table.td>{{ $row->performer?->name ?? '—' }}</x-table.td>
                </tr>
            @empty
                <tr>
                    <td colspan="6" class="px-6 py-10 text-center text-gray-500">Nenhuma manutenção registrada.</td>
                </tr>
            @endforelse
        </tbody>
    </x-table.table>
</x-page.card>

</x-app-layout>