{% extends "base.html.twig" %}
{% block title %}Add job{% endblock %}
{% block content %}
<form method="post" action="/addjob.php">
    {% if not error == "" %}
        <div class="alert alert-danger fade in">
            <a href="#" class="close" data-dismiss="alert">&times;</a>
            <strong>Error!</strong> {{ error }}
        </div>
    {% endif %}
    
    {% if not message == "" %}
        <div class="alert alert-success fade in">
            <a href="#" class="close" data-dismiss="alert">&times;</a>
            {{ message }}
        </div>
    {% endif %}
  
    <div class="form-group">
        <label for="name">Name</label>
        <input type="text" name="name" class="form-control" id="name" placeholder="System update">
    </div>
    <div class="form-group">
        <label for="url">url</label>
        <input type="text" name="url" class="form-control" id="url" placeholder="http://example.com/ or 'sudo yum update -y'">
        <p class="url-description"></p>
    </div>
    
    <div class="form-group">
        <label for="host">host</label>
        <input type="text" name="host" class="form-control" id="host" placeholder="localhost">
    </div>

    <div class="form-group">
        <label for="name">Delay (in seconds)</label>
        <div class="input-group">
            <div class="input-group-btn">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pattern <span class="caret"></span></button>
                <ul class="dropdown-menu" id="patternDropdown">
                    <li data-val="60"><a href="#">Every minute</a></li>
                    <li data-val="3600"><a href="#">Every hour</a></li>
                    <li data-val="86400"><a href="#">Every day</a></li>
                    <li data-val="604800"><a href="#">Every week</a></li>
                    <li data-val="2419200"><a href="#">Every 4 weeks</a></li>
                    <li data-val="custom"><a href="#">Custom</a></li>
                 </ul>
            </div><!-- /btn-group -->
            <input type="number" class="form-control" id="delay" name="delay">
        </div>
    </div>
    <div class="form-group">
        <label for="nextrun">Next run</label>
        <div class="input-group date" id="nextrunselector">
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
            <input type="text" class="form-control" name="nextrun">
        </div>
    </div>
    <div class="form-group">
        <label for="lastrun">Last run</label>
        <div class="input-group date" id="lastrunselector">
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
            <input type="text" class="form-control" name="lastrun">
            <span class="input-group-addon">
                <input type="checkbox" name="eternal" value="true">&nbsp;Eternal
            </span>
        </div>
    </div>
    <div class="form-group">
        <label for="expected">Expected exit code</label>
        <input type="text" name="expected" class="form-control" id="host" placeholder="200">
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
</form>

{% endblock %}