<div class="modal fade" id="add-metric-modal" tabindex="-1" role="dialog" aria-labelledby="add-metric-modal"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document" style="max-width: 810px">
        <div class="modal-content custom-rounded-edges">
            <div class="modal-body">
                <div id="add-metric-iframe-loader">
                    <img src="{{get_asset('dist/images/loader.gif')}}" class="loader-img" alt="Loader">
                </div>

                <iframe style="width: 100%;height:439px" id="add-metric-modal-iframe"
                    src="{{ route('metrics.wizard.appearance.show') }}" frameborder="0"
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe>

            </div>
        </div>
    </div>
</div>