@extends('layouts.app')

@section('content')
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Detalles del Producto</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <p><strong>ID:</strong> {{ $producto->id }}</p>
                    <p><strong>Alias:</strong> {{ $producto->alias }}</p>
                    <p><strong>Descripción:</strong> {{ $producto->descripcion }}</p>
                    <p><strong>Clave del Producto:</strong> {{ $producto->clave_producto }}</p>
                </div>
                <div class="col-md-6">
                    <p><strong>Clave de la Unidad:</strong> {{ $producto->clave_unidad }}</p>
                    <p><strong>Precio:</strong> ${{ number_format($producto->precio, 2) }}</p>
                    <p><strong>Estado:</strong>
                        @if($producto->estatus)
                            Activo
                        @endif
                    </p>
                    <p><strong>Fecha de Creación:</strong> {{ $producto->created_at->format('d/m/Y') }}</p>
                </div>
                <div class="col-md-12">
                    <a href="{{ route('productos.index') }}" class="btn btn-primary">Volver a la lista</a>
                    <a href="{{ route('productos.edit', $producto->id) }}" class="btn btn-warning">Editar</a>
                </div>
            </div>
        </div>
    </div>
@endsection