@extends('layouts.app')


@section('ruta')
<div class="mb-3 my-2 small text-center">
    <h6> <a href="{{route('materiales.index')}}">Materiales</a> > {{$material->nombre}}</h6>
</div>
@endsection

@section('titulo', $material->nombre)
@section('contenido1')


    <div class="card shadow-lg border-0">
        <div class="card-body">
            <h5 class="card-title my-0 text-primary text-center">{{ $material->nombre }}</h5>
            @if($material->imagen)
                <div class="text-center mb-3">
                    <img src="{{ asset('storage/' . $material->imagen) }}" alt="{{ $material->nombre }}" class="img-fluid rounded" style="max-width: 300px;">
                </div>
            @endif
            <div class="mb-3">
                <p><strong>Código SKU:</strong> {{ $material->codigo_sku }}</p>
                <p><strong>Categoría:</strong> {{ $material->categoria->nombre ?? 'N/A' }}</p>
                <p><strong>Unidad de Medida:</strong> {{ $material->unidad_medida }}</p>
                <p><strong>Descripción:</strong> {{ $material->descripcion }}</p>
            </div>
            <div class="row mb-3">
                <div class="col-6">
                    <p><strong>Cantidad en Stock:</strong> {{ $material->cantidad_stock }}</p>
                    <p><strong>Cantidad Mínima:</strong> {{ $material->cantidad_minima }}</p>
                    <p><strong>Proveedor:</strong> {{ $material->proveedor->nombre ?? 'N/A' }}</p>
                </div>
                <div class="col-6">
                    <p><strong>Precio de Compra:</strong> ${{ number_format($material->precio_compra, 2) }}</p>
                    <p><strong>Precio de Venta:</strong> ${{ number_format($material->precio_venta ?? 0, 2) }}</p>
                    <p><strong>Estado:</strong>
                        <span class="badge {{ $material->estado == 'disponible' ? 'bg-success' : ($material->estado == 'agotado' ? 'bg-danger' : 'bg-warning') }}">
                            {{ ucfirst($material->estado) }}
                        </span>
                    </p>
                </div>
            </div>
            <div class="mb-3">
                <p><strong>Ubicación en Almacén:</strong> {{ $material->ubicacion_almacen }}</p>
                <p><strong>Fecha de Entrada:</strong> {{ \Carbon\Carbon::parse($material->fecha_entrada)->format('d/m/Y') }}</p>
                <p><strong>Fecha de Vencimiento:</strong> {{ $material->fecha_vencimiento ? \Carbon\Carbon::parse($material->fecha_vencimiento)->format('d/m/Y') : 'N/A' }}</p>
            </div>
            <div class="mb-3">
                <strong>Observaciones:</strong>
                <p>{{ $material->observaciones ?? 'N/A' }}</p>
            </div>
        </div>
    </div>
    <a href="{{ route('materiales.index') }}" class="btn btn-secondary mt-3">Volver al Inventario</a>


@endsection