{{-- Read Confirmation Modal --}}
<div class="modal fade" id="modal{{ $doc->id }}" tabindex="-1"
    aria-labelledby="modal_confirm_{{ $doc->id }}" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-light">
                <h5 class="modal-title font-weight-bold">
                    Confirm Document Read
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p class="mb-2"><strong>Document:</strong> {{ pathinfo($doc->docname)['filename'] }}</p>
                <p class="text-muted">
                    Please confirm that you have read and understood this document.
                </p>
            </div>
            <div class="modal-footer bg-light">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                    Cancel
                </button>
                <form action="{{ route('documents.confirm', $doc->id) }}" method="POST" class="d-inline">
                    @csrf
                    @method('POST')
                    <button type="submit" class="btn btn-success">
                        Confirm
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>