{{-- $role, $label, $signedAt, $canSign --}}
<div class="border rounded p-3 h-100">
    <div class="font-weight-bold mb-2">{{ $label }}</div>

    @if($signedAt)
        <div class="text-success small">
            <i class="fa fa-check-circle mr-1"></i>
            {{ __('Signed :date', ['date' => $signedAt->format('M j, Y g:i A')]) }}
        </div>
    @elseif($canSign)
        <form method="POST" action="{{ route('performance.reviews.sign', [$review, $role]) }}">
            @csrf
            @method('PUT')
            <div class="form-group mb-2">
                <input
                    type="text"
                    name="signature"
                    class="form-control form-control-sm @error('signature') is-invalid @enderror"
                    placeholder="{{ __('Type your full name to sign') }}"
                    required
                >
                @error('signature')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <button type="submit" class="btn btn-sm btn-primary w-100">{{ __('Sign') }}</button>
        </form>
        <small class="form-text text-muted mt-1">
            {{ __('Swap this for your existing signature-pad component if you have one - the field just needs to end up as a string.') }}
        </small>
    @else
        <div class="text-muted small">{{ __('Awaiting signature') }}</div>
    @endif
</div>