@extends('layouts.app')

@section('content')
<div class="container-fluid py-4">
    {{-- Título y Descripción --}}
    <div class="row mb-4">
        <div class="col-12 text-center">
            <h4 class="text-uppercase font-weight-bold">{{ $articulo->nombre }}</h4>
            <div class="text-uppercase text-muted mt-2">
                {!! $articulo->descripcion !!}
            </div>
        </div>
    </div>

    {{-- Rejilla de Etiquetas --}}
    <div class="row">
        @for ($i = 0; $i < $cantidad; $i++)
            <div class="col-6 col-md-4 col-lg-3 mb-3">
            <div class="card shadow-sm h-100">
                <div class="card-body d-flex flex-column align-items-center justify-content-center">
                    <div class="barcode-wrapper mb-2">
                        {!! DNS1D::getBarcodeHTML($articulo->cod_barras, 'I25') !!}
                    </div>
                    <p class="card-text small font-weight-bold mb-0">
                        {{ $articulo->cod_barras }}
                    </p>
                </div>
            </div>
    </div>
    @endfor
</div>
</div>
@endsection