<div class="LimitlessBetterSignature"
     @if($id) id="{{ $id }}" @endif
     style="width:100%; border:1px dotted #888888;">

    <canvas style="margin:4px; border:1px dotted #888888;"></canvas>
    <img src="#" style="display:none; width:calc(100% - 8px); height:150px; margin:4px 4px 10px 4px; opacity: 0.5; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none;"/>
    <div>
        @if($name) <p class="SignatureName" style="margin-left:10px;">{{ $name }}</p> @endif
        <table style="width:100%; margin-bottom:6px;">
            <tr>
                <td style="padding-right:3px; width:50%;">
                    <button class="btn btn-block btn-sm text-success-800" type="button" data="Save"><i class="icon-checkmark" style="pointer-events: none;"></i></button>
                </td>
                <td style="padding-left:3px; width:50%;">
                    <button type="button" class="btn btn-sm btn-block text-danger-800" data="Reset"><i class="icon-trash" style="pointer-events: none;"></i></button>
                </td>
            </tr>
        </table>
    </div>
</div>
