{% extends 'master.html' %}

{% block body %}


    <form  action="/add_service" method="get" name="add_service">
    
        <table align="center" width="80%" border="1px">
          <tr style="background-color: #f2f2f2"><td colspan="2" align="center"><h1>Add Service</h1></td></tr>
        </table>
       
        <br>

        <table align="center" width="80%" border="1px">
            <tr><td width="40%">Name</td><td>{{ form.name }}</td></tr>
            <tr><td width="40%">Protocol</td><td>{{ form.protocol }}</td></tr>
            <tr><td width="40%">Host</td><td>{{ form.host }}</td></tr>
            <tr><td width="40%">Port</td><td>{{ form.port }}</td></tr>
        </table>

        <br>

        <table align="center" width="80%" border="1px">
        <tr><td id="buttonForm" colspan="2" align="center"><input type="submit" value="Add"
        style="font-size : 20px; background-color: Transparent; border:0 none;
        height:100%; width:100%"></td></tr>
        </table>

    </form>
{% endblock %}