@php
    $p = (string) ($prefix ?? 'pcFormForward');
    $mt = (string) ($marginClass ?? 'mt-3');
@endphp
<input type="hidden" name="t_pin" id="{{ $p }}TPin" value="">
<input type="hidden" name="pci_reviewer_use_saved_signature" id="{{ $p }}UseSavedSig" value="0">
<input type="hidden" name="pci_reviewer_signature_drawn" id="{{ $p }}SigHidden" value="">
<div id="{{ $p }}SignatureWrap" class="border rounded p-3 bg-light {{ $mt }}" data-workflow-sig-has-saved="0">
    <p class="small font-weight-bold mb-1">Your signature <span class="text-danger">*</span></p>
    <p class="small text-muted mb-2">Use your signature on file (if available), draw a new one, or upload an image.</p>
    <div id="{{ $p }}SigSavedWrap" class="mb-3 d-none">
        <span class="small text-muted d-block mb-1">Signature on file</span>
        <img id="{{ $p }}SigSavedImg" src="" alt="Saved signature"
             class="border rounded bg-white p-2 d-block" style="max-height:96px;max-width:100%;object-fit:contain;">
    </div>
    <div class="btn-group btn-group-sm mb-3 flex-wrap" role="group" aria-label="Signature method">
        <button type="button" class="btn btn-outline-primary d-none" id="{{ $p }}SigBtnSaved">On file</button>
        <button type="button" class="btn btn-outline-primary active" id="{{ $p }}SigBtnDraw">Draw</button>
        <button type="button" class="btn btn-outline-primary" id="{{ $p }}SigBtnUpload">Upload</button>
    </div>
    <div id="{{ $p }}SigDrawWrap">
        <div class="pci-modal-sig-canvas-outer" style="max-width:100%;overflow-x:auto;">
            <canvas id="{{ $p }}SigCanvas" width="400" height="140"
                    class="d-block border bg-white rounded"
                    style="touch-action:none;max-width:100%;"></canvas>
        </div>
        <button type="button" class="btn btn-sm btn-outline-secondary mt-2" id="{{ $p }}SigClear">Clear drawing</button>
    </div>
    <div id="{{ $p }}SigUploadWrap" class="d-none">
        <label for="{{ $p }}SigUpload" class="small font-weight-bold d-block mb-1">Upload image</label>
        <input type="file" id="{{ $p }}SigUpload" name="pci_reviewer_signature_upload" class="form-control-file"
               accept="image/png,image/jpeg,image/gif,image/webp,.png,.jpg,.jpeg,.gif,.webp">
        <div id="{{ $p }}SigUploadPreviewWrap" class="mt-2 d-none">
            <img id="{{ $p }}SigUploadPreview" alt="Uploaded signature preview" class="border rounded bg-white p-1" style="max-width:100%;max-height:140px;">
        </div>
    </div>
</div>