{% extends 'generic/object_detail.html' %}
{% load buttons %}
{% load custom_links %}
{% load job_buttons %}
{% load helpers %}
{% load perms %}
{% load plugins %}
{% load static %}
{% load tz %}
{% load ui_framework %}
{% load i18n %}
{% load render_table from django_tables2 %}

{% block title %}Job: {{ object.name }}{% endblock %}

{% block breadcrumbs_wrapper %}
{% endblock breadcrumbs_wrapper %}

{% block header %}
    <div class="d-flex justify-content-end gap-2 noprint p-12">
        {% block buttons %}
            {% plugin_buttons object %}
            {% render_detail_view_extra_buttons %}
            {% block extra_buttons %}
              {% if request.user|can_change:object %}
                  <a href="{% url 'plugins:netpicker:job_run' pk=object.name %}" class="btn btn-success">
                      <i class="mdi mdi-play"></i> Execute Job
                  </a>
              {% endif %}
              {% if nautoboted %}
                  {% if request.user|can_change:object %}
                      <a href="{% url 'plugins:netpicker:job_edit' pk=object.name %}" class="btn btn-primary">
                          <i class="mdi mdi-pencil"></i> Edit Job
                      </a>
                  {% endif %}
                  {% if request.user|can_delete:object %}
                      <a href="{% url 'plugins:netpicker:job_delete' pk=object.name %}" class="btn btn-danger">
                          <i class="mdi mdi-delete"></i> Delete Job
                      </a>
                  {% endif %}
              {% endif %}
            {% endblock extra_buttons %}
        {% endblock buttons %}
    </div>

    {% include 'inc/created_updated.html' %}
{% endblock header %}

{% block content %}
    <ul class="nav nav-tabs mb-3">
        <li class="nav-item">
            <a class="nav-link {% if active_tab == 'main' %}active{% endif %}" href="?tab=main">{% trans "Job" %}</a>
        </li>
        <li class="nav-item">
            <a class="nav-link {% if active_tab == 'logs' %}active{% endif %}" href="?tab=logs">{% trans "Logs" %}</a>
        </li>
    </ul>

    {% if active_tab == 'logs' %}
        <div class="card">
            <div class="card-body">
                {% if logs_table %}
                    {% render_table logs_table %}
                {% else %}
                    <p class="text-muted">{% trans "No logs found for this job." %}</p>
                {% endif %}
            </div>
        </div>
    {% else %}
        <div class="panel panel-default">
            <table class="table table-hover panel-body attr-table">
                <tr>
                    <td>{% trans "Name" %}</td>
                    <td>{{ object.name }}</td>
                </tr>
                <tr>
                    <td>{% trans "Platforms" %}</td>
                    <td>{{ object.platforms|join:", " }}</td>
                </tr>
                <tr>
                    <td>{% trans "Commands" %}</td>
                    <td>{{ object.commands|join:"\n" }}</td>
                </tr>
            </table>
        </div>
    {% endif %}
{% endblock content %}