{%extends 'OurSpaces.html'%}
<form id='myForm' action='/Load/CodeBase>' method ='post'>
  {% block titleBlock%}
  {%if data%}
    {{data[0][0]}} <br>
  {%endif%}
  {%endblock%}

  {% block addressBlock%}
  <h2>Address info</h2>
  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4957.954181608377!2d-2.999839445369478!3d51.58698324808131!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4871e6cc3bd82553%3A0x684c1227f14b4a15!2sNational%20Software%20Academy%20(Cardiff%20University)!5e0!3m2!1sen!2suk!4v1669722978098!5m2!1sen!2suk"
   width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
   <br>
  <h3>
  {%if data%}
    {{data[0][1]}}
  {%endif%}
</h3>
  {%endblock%}



  {% block descriptionBlock%}{%if data%}{{data[0][4]}}{%endif%}{%endblock%}

  {% block imageBlock%}{%if data%}{{data[0][2]}}{%endif%}{%endblock%}

  {% block addimageBlock%}{%if data%}{{data[0][3]}}{%endif%}{%endblock%}

  {% block timeBlock%}{%if data%}{{data[0][8]}}{%endif%}{%endblock%}

  {% block WebsiteBlock%}{%if data%}{{data[0][5]}}{%endif%}{%endblock%}
<span id='txt'></span>

<script>
  function loadSpace() {
    var Name = document.forms["coworking_spaces"]["Name"].value;
    var Address = document.forms["coworking_spaces"]["Address"].value;
    var Main_Photo = document.forms["coworking_spaces"]["Main_Photo"].value;
    var Additional_photos = document.forms["coworking_spaces"]["Main_Photo"].value;
    var Description = document.forms["coworking_spaces"]["Description"].value;
    var Website = document.forms["coworking_spaces"]["Website"].value;
    var Opening_Hours = document.forms["coworking_spaces"]["Opening_Hours"].value;

    var xhttp = new XMLHttpRequest();

    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhttp.onload = function() {
      if (xhttp.readyState === 4 && xhttp.status === 200) {
        console.log(xhttp.responseText);
        document.getElementById("txt").innerHTML = xhttp.responseText;
      } else {
        console.error(xhttp.statusText);
      }
    };
    xhttp.send(params);
    return false;
  }

</script>


</form>