{% extends 'master.html' %}

{% block body %}
    <p>

    </p>

   

        <form action="/metadata" method="get">
         <table align="center" width="80%" border="1px">
           <tr style="background-color: #f2f2f2"><td colspan="2" align="center"><h1>Show Services</h1></td></tr>
         </table>

         <br>

         <table align="center" width="80%" border="1px">

            <tr><th style="text-align:center">Service</th><th style="text-align:center">Protocol</th><th style="text-align:center">Host</th><th style="text-align:center">Port</th><th style="text-align:center">Delete</th></tr>
            {% for service in services %}
                <tr>
                    <td width="20%" align="center">{{ service['name'] }}</td>
                    <td width="20%" align="center">{{ service['protocol'] }}</td>
                    <td width="20%" align="center">{{ service['host'] }}</td>
                    <td width="20%" align="center">{{ service['port'] }}</td>
                    <td width="20%" align="center"><a href="/delete_service?name={{ service['name'] }}&protocol={{ service['protocol'] }}&host={{ service['host'] }}&port={{ service['port'] }}">Delete</a></td>
                </tr>


            {% endfor %}
             </table>


        </form>
{% endblock %}