{%extends "base_template.html"%}

{%block headblock%}
  <title> Manage Coworking Spaces </title>
  <link rel="stylesheet" href="/static/CSS/Manage_Coworking_Spaces.css">
{%endblock%}

{%block headerblock%}
    <a id="headerText" class="headerText"
    href="Manage_Coworking_Spaces">
      Manage Coworking Spaces</a>
{%endblock%}

{%block mainblock%}
  <form id="recordForm" title="Record Form">
    <label for="recordName">Name:</label>
    <input id="recordName" class="formTextInput"
      name="record_name" type="text"><br>
    <label for="recordAddress">Address:</label>
    <textarea id="recordAddress" class="formTextInput"
      name="record_address" type="text"></textarea><br>
    <label for="recordMainPhotos">Main Photograph:</label>
    <input id="recordMainPhotos" class="formTextInput"
      name="record_MP" type="text"><br>
    <label for="recordAdditionalPhotos">Additional Photographs:</label>
    <input id="recordAdditionalPhotos" class="formTextInput"
      name="record_AP" type="text"><br>
    <label for="recordDescription">Description:</label>
    <textarea id="recordDescription" class="formTextInput"
      name="record_description" type="text"></textarea><br>
    <label for="recordWebsite">Website:</label>
    <input id="recordWebsite" class="smallInput"
      name="record_website" type="text">
    <label for="recordEmail" class="smallLabel">Email:</label>
    <input id="recordEmail" class="smallInput"
      name="record_email" type="text"><br>
    <label for="recordPhoneNumber">Phone Number:</label>
    <input id="recordPhoneNumber" class="smallInput"
      name="record_PN" type="text">
    <label for="recordOpeningHours" class="smallLabel">Opening Hours:</label>
    <input id="recordOpeningHours" class="smallInput"
      name="record_OH" type="text"><br>
    <label for="recordCheckinInstructions">Checkin Instructions:</label>
    <textarea id="recordCheckinInstructions" class="formTextInput"
      name="record_CI" type="text"></textarea>

    <br><br>
    <button id="searchButton" type="submit">Search</button>
    <button id="addButton" type="submit">Add</button>
    <button id="updateButton" type="submit">Update</button>
    <button id="deleteButton" type="submit">Delete</button>
  </form>
  <br>
  <span id="DEBUGserverMessage"> </span>

  <br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br>
{%endblock%}

{%block footerblock%}
  <nav id="footerNav" class="navBar">
    <ul class="Center">
      <li><a href="Manage_Coworking_Spaces.html">Left</a></li>
    </ul>
    <ul class="Center">
      <li><a href="Manage_Coworking_Spaces.html">Center</a></li>
    </ul>
    <ul class="Center">
      <li><a href="Manage_Coworking_Spaces.html">Right</a></li>
    </ul>
  </nav>
{%endblock%}

{%block jsblock%}
  /static/JS/Manage_Coworking_Spaces.js
{%endblock%}