<div class="document-card d-flex border border-1 rounded-3 overflow-hidden">
    <div class="p-2 w-100 p-2 bg-light">
        <h4>{{ $document->name }}</h4>
        <div class="fw-semibold">
            {{ $document->description }}
        </div>
        <div class="fw-lighter text-secondary">Загружен: {{ $document->created_at->diffForHumans() }}</div>
    </div>
    <div class="download d-flex align-items-center">
        <a href="{{ route('docs.download', ['document' => $document]) }}" class="m-auto text-white">
            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor"
                class="bi bi-arrow-down-circle" viewBox="0 0 16 16">
                <path fill-rule="evenodd"
                    d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293z" />
            </svg>
        </a>
    </div>
</div>
