{{-- Review canvas. Params: $file (ProjectFile|null), $pins (collection of comments with pin_no), $radius (css) --}}
<div class="review-canvas" @isset($radius) style="border-radius:{{ $radius }}" @endisset>
  <div class="mock-site" id="canvas">
    @if ($file && $file->isImage())
      <img src="{{ route('files.raw', $file) }}" alt="{{ $file->name }}" style="display:block;width:100%">
    @else
      <div class="mock-nav"><b>{{ $file?->client?->short_name ?? 'Preview' }}</b><span><span>Buy</span><span>Rent</span><span>Off-plan</span><span>Contact</span></span></div>
      <div class="mock-hero"><div><h4>Find a home that fits the way you live</h4><p>Villas, apartments and off-plan projects across Dubai, with live availability.</p><span class="mbtn">Browse properties</span></div><div class="mock-img"></div></div>
      <div class="mock-cards"><div></div><div></div><div></div></div>
    @endif
    @foreach (($pins ?? collect())->whereNotNull('pin_no') as $c)
      <span class="pin" style="left:{{ (float) $c->pin_x }}%;top:{{ (float) $c->pin_y }}%" title="Comment {{ $c->pin_no }}" data-pin="{{ $c->pin_no }}">{{ $c->pin_no }}</span>
    @endforeach
  </div>
</div>