{% 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.data.host }}</td>
            <td>{{ job.delay | interval }}</td>
            <td>{{ job.nextrun |  date("d/m/Y H:i:s") }}</td>
            <td class="text-end">
                <a href="#" data-id="{{ job.id }}" class="runcron btn btn-outline-primary"><i class="fa fa-play" aria-hidden="true"></i></a>
                <a href="{{ path('job_view', {'id': job.id}) }}" class="btn btn-outline-primary"><i class="fa fa-search" aria-hidden="true"></i></a>
                <a href="editjob.php?jobID={{ job.id }}" class="btn btn-outline-primary"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>
                <a onclick="return confirm('Are you sure you want to delete this job?')" href="overview.php?id={{ job.id }}&action=delete" class="btn btn-outline-primary"><i class="fa fa-trash-o" aria-hidden="true"></i></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="/public/images/ajax-loader.gif" alt="loading">
</div>
{% endblock %}