@php
    $docs = $docs ?? ($obj['documents'] ?? []);
@endphp
<x-layout.card :title="$title ?? 'Doc. Version'" cardAtt="card-outline" animate="fade-up" delay="700">
    @if(count($docs))
    <div class="iq-timeline0 m-0 d-flex align-items-center justify-content-between position-relative">
        <ul class="list-inline p-0 m-0 scrolled">
            @foreach ($docs as $item)
            <li>
                <div class="timeline-dots timeline-dot1 border-primary text-primary"></div>
                <h6 class="float-left mb-1">{!! $item->info_label !!}</h6>
                @if ($item->tag)
                <small class="float-right">{{ ucwords($item->tag) }}</small>
                <hr class="dropdown-divider">
                @endif
                <small class="float-right mt-1">{{ $item->created_at_label }}</small>
                <div class="d-inline-block w-100">
                    <p>Printed by {{ $item['creator_name'] }}</p>
                </div>
            </li>
            @endforeach
        </ul>
    </div>
    @else
    <div class="text-center">
        No documents version printed, before.
    </div>
    @endif
</x-layout.card>

@push('css')
    <style>
        .scrolled {
            max-height: 65vh;
            overflow-y: auto;
        }
    </style>
@endpush