photo/resources/views/video/widgets/thumbnail.blade.php

<?php $data = [
	'Signature'=>['signature','signature'],
	'File Signature'=>['file_signature','file_signature'],
	'Date Created'=>['created','created'],
	'Filename'=>['filename','filename'],
	'Filesize'=>['filesize','filesize'],
	'Dimensions'=>['height','dimensions'],
];?>

<div class="card card-widget">
	<div class="card-header">
		<div class="user-block">
			<i class="fas fa-2x fa-camera float-left"></i><span class="username"><a href="{{ url('v/info',$o->id) }}">#{{ $o->id }} - {{ Str::limit($o->filename,12).Str::substr($o->filename,-16) }}</a></span>
			<span class="description">{{ $o->created ? $o->created->toDateTimeString() : '-' }} @if($o->device)[{{ $o->device }}]@else <small><strong>[No Device Info]</strong></small> @endif</span>
		</div>

		<div class="card-tools">
			<button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fa fa-minus"></i></button>
			<button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fa fa-times"></i></button>
		</div>
	</div>

	<div class="card-body">
		<x-video.thumbnail :id="$o->id" :css="$css ?? NULL"/>
		<span class="btn btn-sm btn-outline-dark float-right scroll m-1"> <i class="fas fa-fw fa-level-down-alt"></i></span>
		<span class="btn btn-sm btn-outline-dark float-right swap m-1"> <i class="fas fa-fw fa-exchange-alt"></i></span>
		<span class="btn btn-sm btn-outline-dark float-right swapscroll m-1"> <i class="fas fa-fw fa-exchange-alt"></i><i class="fas fa-fw fa-level-down-alt"></i></span>
	</div>

	<div class="card-footer card-comments">
		<table class="table table-sm table-striped">
			<tr><th>ID</th><td><x-video.info :id="$o->id"/></td></tr>

			@foreach($data as $k=>$v)
				<tr @class(['bg-success'=>($reference->exists && ((string)$reference->{$v[1]} === (string)$o->{$v[1]}))])>
					<th>{{$k}}</th>
					<td>{!! $o->{$v[1]} !!}</td>
				</tr>
			@endforeach

			<tr>
				<th>Flag</th><td><x-checkbox name="flag" :id="$o->id" :checked="$o->flag"/></td>
			</tr>
			<tr>
				<th>Duplicate</th><td><x-checkbox name="duplicate" :id="$o->id" :checked="$o->duplicate"/></td>
			</tr>
			<tr>
				<th>IGNORE Duplicate</th><td><x-checkbox name="ignore_duplicate" :id="$o->id" :checked="$o->ignore_duplicate"/></td>
			</tr>
			<tr>
				<th>Delete</th><td><x-checkbox name="remove" :id="$o->id" :checked="$o->remove"/></td>
			</tr>
		</table>
	</div>
</div>