<div class="row">
    <div class="col-12">

        <div class="row mb-3">
            <div class="col-3">
                {{ Form::label('ref', 'Référence') }}<br>
                {{ $article['ref'] ?? null }}
            </div>
            <div class="col-6">
                {{ Form::label('name', 'Nom') }}<br>
                {{ $article['name'] ?? null }}
            </div>
            <div class="col-3" class="text-right">
                <img src="{{ $article['image'] }}" class="img-fluid">
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-12">
                {{ Form::label('categories', __('shop.shelves.title')) }}<br>
                @foreach ($article['categories'] ?? null as $category)
                    <span class="btn btn-xs btn-success pb-2">{{ $category }}</span>
                @endforeach
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-12">
                {{ Form::label('tags', 'Tags') }}<br>
                @foreach ($article['tags'] ?? [] as $tagGroup => $item)
                    @foreach ($item ?? null as $tag)
                        <span class="btn btn-xs btn-success pb-2">{{ $tag }}</span>
                    @endforeach
                @endforeach
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-12">
                @include('Admin.Shop.Articles.partials.product.description')
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-12">
                {{ Form::label('description', 'Description') }}
                {!! $article['description']['description'] ?? null !!}
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-12">
                @include('Admin.Core.Comments.partials.comments', [
                    'model' => 'Shop.Article',
                    'model_id' => $article['id'] ?? false,
                    'comments' => $article['comments'],
                    'with_add' => false,
                ])
            </div>
        </div>

    </div>
</div>

<script>
    initChevron();
</script>
