<div class="modal fade" id="scannerModal" tabindex="-1" aria-labelledby="scannerModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title" id="scannerModalLabel">{{ _("Scanner") }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ _("Close") }}"></button>
            </div>
            <div class="modal-body text-center">
                <video id="video" autoplay playsinline></video>
                <p id="result" class="mt-2">{{ _("VIN will appear here.") }}</p>
                <button id="ocr-fallback-btn" class="btn btn-primary mt-3">{{ _("Use OCR Fallback") }}</button>
            </div>
        </div>
    </div>
</div>