@once
    @push('stylesheets')
        <link rel="stylesheet" href="{{asset('css/panel-box.css')}}"/>
    @endpush
@endonce




@props(['counter' =>0, 'title', 'description', 'image' => null, 'link'=>'#'])

<a href="{{$link}}" title="{{$description}}" class="panel-box">
    @if ($counter > 0)
        <div class="requests-counter">{{$counter}}</div>
    @endif
    <div blade="{{ $viewName ?? 'unknown' }}" class="visible-content">

        @if($image)
            <div class="panel-box--img-container">
                <img alt={{$title}} src={{$image}}/>
            </div>
        @endif
        <div class="panel-box--text-container">
            <p class="panel-box-title">{{$title}}</p>
            <p class="panel-box-description" >{{$description}}</p>
        </div>
    </div>
    <img class="on-hover-img" src="{{asset('images/next.svg')}}" alt="next"/>
</a>