@extends('layouts.app')
@section('content')
   <h1 class="mb-4">Detalle del Item de Pedido</h1>
   <div class="card">
      <div class="card-body">
         <h5 class="card-title">Detalle #{{ $detallePedido->id }}</h5>
         <p class="card-text"><strong>Pedido:</strong> {{ $detallePedido->pedido->id ?? '-' }}</p>
         <p class="card-text"><strong>Producto:</strong> {{ $detallePedido->producto->nombre ?? '-' }}</p>
         <p class="card-text"><strong>Variantes:</strong> {{ $detallePedido->variantes_texto ?? '-' }}</p>
         <p class="card-text"><strong>Cantidad:</strong> {{ $detallePedido->cantidad }}</p>
         <p class="card-text"><strong>Unidad de Medida:</strong> {{ $detallePedido->unidad_medida }}</p>
         <p class="card-text"><strong>Precio Unitario:</strong>
            ${{ number_format($detallePedido->precio_unitario, 0, ',', '.') }}</p>
         <p class="card-text"><strong>Subtotal:</strong> ${{ number_format($detallePedido->subtotal, 0, ',', '.') }}</p>
         <p class="card-text"><strong>Notas Especiales:</strong> {{ $detallePedido->notas_especiales }}</p>
         <a href="{{ route('detalle_pedido.edit', $detallePedido) }}" class="btn btn-primary">Editar</a>
         <a href="{{ route('detalle_pedido.index') }}" class="btn btn-secondary">Volver</a>
      </div>
   </div>
@endsection