@extends('layouts.app')

@section('title', 'Detalle de Transferencia')

@section('content')
<div class="card">
    <div class="card-body">
        <h4 class="header-title mb-4">Detalle de Transferencia</h4>

        <div class="mb-3">
            <strong>Bien:</strong> {{ $transferencia->bien->bien }} ({{ $transferencia->bien->codigo ?? 'Sin código' }})
        </div>

        <div class="mb-3">
            <strong>Fecha de Transferencia:</strong> {{ $transferencia->fecha_transferencia }}
        </div>

        <div class="mb-3">
            <strong>Área Origen:</strong> {{ $transferencia->areaOrigen->nombre ?? '—' }}
        </div>

        <div class="mb-3">
            <strong>Área Destino:</strong> {{ $transferencia->areaDestino->nombre ?? '—' }}
        </div>

        <div class="mb-3">
            <strong>Cantidad Transferida:</strong> {{ $transferencia->cantidad }}
        </div>

        <div class="mb-3">
            <strong>Responsable:</strong> {{ $transferencia->responsable }}
        </div>

        <div class="mb-3">
            <strong>Observación:</strong> {{ $transferencia->observacion ?? '—' }}
        </div>

        <div class="mt-3">
            <a href="{{ route('transferencias.index') }}" class="btn btn-secondary">← Volver</a>
        </div>
    </div>
</div>
@endsection