{% extends "base.html.twig" %}
{% block title %}Overview{% endblock %}
{% block content %}
    <h2>Overview of your cronjobs</h2>

    <table class="table table-md-striped">
        <thead>
            <tr class="d-none d-md-table-row">
                <th>Name</th>
                <th>Host</th>
                <th>Delay</th>
                <th>Next run</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for job in jobs %}
                <tr{% if(job.norun == true) %} class="norun"{% endif %}>
                    <td class="d-block d-md-table-cell">{{ job.name }}</td>
                    <td class="d-block d-md-table-cell">{{ job.data.host }}</td>
                    <td class="d-block d-md-table-cell">{{ job.interval | interval }}</td>
                    <td class="d-block d-md-table-cell">{{ job.nextrun |  date("d/m/Y H:i:s") }}</td>
                    <td class="text-md-right d-block d-md-table-cell">
                        <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="{{ path('job_edit', {'id': 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 %}
        </tbody>
    </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 %}

{% block extrastyles %}
    <link rel="stylesheet" href="/resources/job/index.css" />
{% endblock %}