{% extends "base.html.twig" %}
{% block title %}Overview{% endblock %}
{% block content %}
    <h2>Overview of your cronjobs</h2>
    {% if not message == "" %}
        <div class="alert alert-success fade in">
            <a href="#" class="close" data-dismiss="alert">&times;</a>
            {{ message }}
        </div>
    {% endif %}
<table class="table">
    <tr>
        <th>Name</th>
        <th>Host</th>
        <th>Delay</th>
        <th>Next run</th>
        <th></th>
    </tr>
{% for job in jobs %}
        <tr{% if(job.norun == true) %} class="norun"{% endif %}>
            <td>{{ job.name }}</td>
            <td>{{ job.host }}</td>
            <td>{{ job.delay }}</td>
            <td>{{ job.nextrun }}</td>
            <td>
                <a href="#" data-id="{{ job.jobID }}" class="runcron btn btn-default"><span class="glyphicon glyphicon-play"><span></a>
                <a href="runs.php?jobID={{ job.jobID }}" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span></a>
                <a href="editjob.php?jobID={{ job.jobID }}" class="btn btn-default"><span class="glyphicon glyphicon-edit"><span></a>
                <a onclick="return confirm('Are you sure you want to delete this job?')" href="overview.php?jobID={{ job.jobID }}&action=delete" class="btn btn-default"><span class="glyphicon glyphicon-remove"></span></a>
            </td>
        </tr>
{% endfor %}
</table>
<div id="resultmodal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title" id="resulttitle">&nbsp;</h4>
      </div>
        <div class="modal-body"><p id="resultbody">&nbsp;</p></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>
<div id='ajax_loader' style="position: fixed; left: 50%; top: 50%; display: none;">
    <img src="/images/ajax-loader.gif" alt="loading">
</div>
{% endblock %}