@extends('layouts.app')
@section('title','REQ: ' . $requerimiento->codigo)
@section('page-title','Requerimiento: ' . $requerimiento->codigo)

@section('content')

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show"><i class="fas fa-check-circle mr-2"></i>{{ session('success') }}<button type="button" class="close" data-dismiss="alert"><span>&times;</span></button></div>
@endif

<div class="row">
    <div class="col-md-5">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-info-circle mr-2"></i>Información</h3></div>
            <div class="card-body">
                <dl class="row mb-0">
                    <dt class="col-sm-5 text-white-50">Código</dt>
                    <dd class="col-sm-7 text-white"><code>{{ $requerimiento->codigo }}</code></dd>

                    <dt class="col-sm-5 text-white-50">Fecha</dt>
                    <dd class="col-sm-7 text-white">{{ $requerimiento->created_at->format('d/m/Y H:i') }}</dd>

                    <dt class="col-sm-5 text-white-50">Solicitante</dt>
                    <dd class="col-sm-7 text-white">{{ $requerimiento->solicitante?->name ?? '—' }}</dd>

                    <dt class="col-sm-5 text-white-50">Estado</dt>
                    <dd class="col-sm-7">
                        <span class="badge badge-{{ $requerimiento->badge_estado }}">
                            {{ \App\Models\MantenimientoRequerimiento::$ESTADOS[$requerimiento->estado] ?? ucfirst($requerimiento->estado) }}
                        </span>
                    </dd>

                    @if($requerimiento->orden)
                    <dt class="col-sm-5 text-white-50">OT Vinculada</dt>
                    <dd class="col-sm-7">
                        <a href="{{ route('mantenimiento.ordenes.show', $requerimiento->orden) }}" class="text-warning">
                            {{ $requerimiento->orden->codigo }}
                        </a>
                        <small class="text-muted d-block">{{ $requerimiento->orden->equipo?->nombre ?? '' }}</small>
                    </dd>
                    @endif

                    @if($requerimiento->descripcion)
                    <dt class="col-sm-5 text-white-50 mt-2">Descripción</dt>
                    <dd class="col-sm-7 text-white mt-2">{{ $requerimiento->descripcion }}</dd>
                    @endif

                    @if($requerimiento->observaciones)
                    <dt class="col-sm-5 text-white-50">Observaciones</dt>
                    <dd class="col-sm-7 text-white">{{ $requerimiento->observaciones }}</dd>
                    @endif
                </dl>
            </div>
            <div class="card-footer">
                <a href="{{ route('mantenimiento.requerimientos.index') }}" class="btn btn-secondary btn-sm">
                    <i class="fas fa-arrow-left mr-1"></i>Volver
                </a>
            </div>
        </div>
    </div>

    <div class="col-md-7">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-list mr-2"></i>Ítems Solicitados</h3>
            </div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th>#</th>
                            <th>Descripción</th>
                            <th class="text-center">Cantidad</th>
                            <th>Unidad</th>
                            <th>Observaciones</th>
                        </tr>
                    </thead>
                    <tbody>
                    @forelse($requerimiento->items as $i => $item)
                    <tr>
                        <td>{{ $i + 1 }}</td>
                        <td>{{ $item->descripcion }}</td>
                        <td class="text-center">{{ number_format($item->cantidad, 3) }}</td>
                        <td>{{ $item->unidad }}</td>
                        <td>{{ $item->observaciones ?? '—' }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="5" class="text-center text-muted py-3">Sin ítems registrados.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection