MARKTPLATZ/marktplatz/templates/marktplatz/modal-sa.html

    <!-- Trigger/Open The Modal -->
    <span id="myBtn" class="cursor-pointer" onclick="function openm() { document.getElementById('SearchAgentModal').style.display = 'block'; }; openm(); "><i  class="fas fa-bell"></i> Suchagent aktivieren</span>

    <!-- The Modal -->
    <div id="SearchAgentModal" class="modal" onclick="function hide(e){ e.style.display='None'; } hide(this);" >
      <!-- Modal content -->
      <div class="modal-content">
        <!-- {% now "YFdHi-u" %} -->

        <span id="agentClose" onclick = "function closem() { document.getElementById('SearchAgentModal').style.display = 'none'; }; closem();" class="close">&times;</span>
        <iframe src="{% url 'search-agent-form-embed' %}?bz={{ product.ort }}" style="border:0px #ffffff none; width:100%;" name="myiFrame" height="600" allowfullscreen></iframe>

      </div>
    </div>


    <!--
    <script>
    // Script for clarity
    var modal = document.getElementById("SearchAgentModal");
    var btn = document.getElementById("myBtn");
    var agentSpan = document.getElementById("agentClose");
    btn.onclick = function() {
      modal.style.display = "block";
    }
    agentSpan.onclick = function() {
      modal.style.display = "none";
    }

    </script> -->