@extends('layouts.admin')
@section('content')
<h1>Verification — {{ $record->type->name }}</h1>
<div class="card" style="text-align:center;max-width:420px"><img class="qr" id="qr" src="/admin/records/{{ $record->id }}/qr.svg" alt="QR">
<div class="url" id="u">{{ $record->url() }}</div>
<p class="noprint"><button class="btn sm" onclick="navigator.clipboard.writeText(document.getElementById('u').textContent)">Copy URL</button>
<a class="btn sm" href="{{ $record->url() }}" target="_blank">Open</a>
<button class="btn sm" onclick="png()">Download PNG</button>
<a class="btn sm" href="/admin/records/{{ $record->id }}/qr.svg" download="qr-{{ $record->verification_token }}.svg">Download SVG</a>
<button class="btn sm ghost" onclick="print()">Print</button>
<a class="btn sm ghost" href="/admin/records/{{ $record->id }}/edit">Edit Record</a></p></div>
<div class="card"><h2 style="margin-top:0">Fields</h2><table>@foreach($record->fields as $f)<tr><td>{{ $f->field_name }}</td><td>{{ $f->display() }}</td><td>{{ $f->is_public ? 'Public' : 'Private' }}</td></tr>@endforeach</table></div>
<script>function png(){const i=new Image();i.onload=()=>{const c=document.createElement('canvas');c.width=c.height=1024;const x=c.getContext('2d');x.fillStyle='#fff';x.fillRect(0,0,1024,1024);x.drawImage(i,0,0,1024,1024);c.toBlob(b=>{const a=document.createElement('a');a.href=URL.createObjectURL(b);a.download='qr-{{ $record->verification_token }}.png';a.click()})};i.src=document.getElementById('qr').src}</script>
@endsection