@props([
	'item' => null,
	'class' => '',
	'containerClass' => '',
	'innerStyle' => '',
	'actionClasses' => '',
	'picture' => null,
])
<div id="tr{{ $item->id }}" class="col-12 col-lg-6 px-1 my-2 h-100 bg-white {{$containerClass}}">
	<div class="shadow {{$class}} h-100" style="{{ $innerStyle }}">
		<div class="row mx-1 pt-2 px-2 mt-1 mb-0">
			<div class="col-12 p-0 m-0">
				<div class="d-flex">
					@if($picture)
						<div class="p-0 pr-2">
							<img src="{{ $picture }}" style="width: 80px; height: 120px; object-fit: cover; border: 1px solid #ccc;">
						</div>
					@endif
					<div class="flex-grow-1">
						<div class="row p-0 m-0">
							{{$slot}}
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row mx-1 pb-2 px-2 mt-0 mb-1">
			<div class="col p-0 m-0">
				<div class="row p-0 m-0">
					@if(isset($lastRowSlot))
						{{$lastRowSlot}}
					@endif
				</div>
			</div>
			<div class="col-auto p-0 m-0 {{$actionClasses}}">
				<div class="col-auto float-right mr-0 pr-1" >
					<div class="d-flex flex-nowrap">
						@if(isset($actionSlot))
							{{$actionSlot}}
						@endif
					</div>
				</div>
			</div>
		</div>
	</div>
</div>