@include('layout.header')

<div class="container my-5">
    <div class="row justify-content-center">
        <div class="col-md-8 text-center">
            <div class="card shadow-lg">
                <div class="card-body p-5">
                    <h2 class="text-success mb-4"><i class="bi bi-check-circle-fill"></i> Signature Completed!</h2>
                    <p class="lead">
                        {{-- {{ $userName ?? 'User' }} --}}
                        Thank you, ! Your document has been signed successfully.
                    </p>

                    {{-- <div class="mt-4">
                        @if(isset($documentPath))
                            <a href="{{ route('document.download', ['envelopeId' => $envelopeId]) }}" class="btn btn-primary btn-lg">
                                <i class="bi bi-download"></i> Download Signed Document
                            </a>
                        @endif
                    </div> --}}
                    {{-- <div class="mt-4">
                        <a href="{{ route('dashboard') }}" class="btn btn-secondary">
                            <i class="bi bi-arrow-left-circle"></i> Back to Dashboard
                        </a>
                    </div> --}}
                </div>
            </div>
        </div>
    </div>
</div>
@include('layout.footer')
<script src="{{ asset('assets/js/jquery.validate.min.js') }}"></script>
<script src="{{ asset('assets/js/additional-methods.min.js') }}"></script>
<script src="{{ asset('assets/notify.js') }}"></script>

<script>
    $(document).ready(function () {
        // Close the modal
        $('#SignModal').modal('hide');

        // Refresh DataTable
        window.opener.UserDataTable.draw();

        // Redirect to the main page after a delay (optional)
        setTimeout(function () {
            window.close(); // Close the current tab (popup)
        }, 1000);
    });
</script>