{% extends 'base_schedule_install.html' %}

{% from 'host/common.html' import log_icon %}
{% from 'host/common.html' import trace_icon %}

{% block head_schedule_install %}

region_id = "{{ host.region.id }}";
host_software_platform = "{{ host.software_platform }}";
host_software_version = "{{ host.software_version }}";

populate_supported_install_actions("{{ host.hostname }}");

// Display the selected install action (in Edit mode)
$("#install_action").val("{{ form.install_action.data }}").trigger("change");

$('#form').submit(function(e) {
    on_final_submit(e, this, "{{ host.hostname }}");

    // prevent the form from closing 
    return false;
});

$('.UTCDate').val(function(index, currentValue) {
    // Invalid date would be less than 15 characters
    if ($(this).text().length > 15) {
        if (use_utc_timezone) {
            $(this).text($(this).text() + ' UTC');
        } else {
            $(this).text(convertToLocaleString($(this).text()));
        }
    }
});

$("#dependency option").each(function() {
    var option = $(this).text();
    var n = option.indexOf(' - ');
    if (n > -1) {
        if (use_utc_timezone) {
            $(this).html(option.substring(0, n) + ' - ' + option.substring(n + 3) + ' UTC');
        } else {
            $(this).html(option.substring(0, n) + ' - ' + convertToLocaleString(option.substring(n + 3)));
        }
    }
});

// In edit mode.
if ($('#hidden_edit').val() == 'True') {
    $("#install_action").prop("disabled", true);
} else {
    $("#install_action").prop("disabled", false);
}

$('#browse-install-history-button').on('click', function(e) {
    on_display_install_history_dialog(["{{ host.hostname }}"]);
});

$('#browse-inactive-software-button').on('click', function(e) {
    invoke_host_software_dialog(FILTER_ACTIVATE);
});

$('#browse-remove-software-button').on('click', function(e) {
    invoke_host_software_dialog(FILTER_REMOVE);
});

$('#browse-deactivate-software-button').on('click', function(e) {
    invoke_host_software_dialog(FILTER_DEACTIVATE);
});

function invoke_host_software_dialog(filter) {
    on_display_host_software_dialog(region_id, ["{{ host.hostname }}"], filter);
}

$('#browse-server-button').on('click', function(e) {
    on_display_server_software_dialog(region_id, ["{{ host.hostname }}"]);
    $('#server-dialog-title').html('> Host: <span style="color: Gray;">{{ host.hostname }} ({{ host.software_platform | beautify_platform }}-{{ host.software_version }})</span>');
});

$('#browse-cisco-button').on('click', function(e) {
    on_display_cisco_software_dialog(region_id, ["{{ host.hostname }}"]);
});

{% endblock %}

{% block main_schedule_install %}

<!-- Push the form down so the datetimepicker can be displayed unobstructed. -->
<div class="row">
    <h4>&nbsp;</h4>
</div>

<div class="row">
    <div class="well col-sm-offset-2 col-sm-8">
        <form id="form" method="post"  class="form-horizontal">
            <legend>
                <h4>Schedule Install > Region: <span style="color: Gray;">{{ host.region.name }}</span> > Host: <span style="color: Gray;">{{ host.hostname }} ({{ host.software_platform | beautify_platform }}-{{ host.software_version }})</span> </h4>
            </legend>
            
            {% if install_job.status == 'failed' %}   
            <div class="alert alert-danger">
                <strong>NOTE:&nbsp;</strong>
                This scheduled install failed on <span class="UTCDate">{{ install_job.status_time | datetime_string }}</span>
               
                {% if install_job.session_log %}
                    <a href="{{ url_for('log.host_session_log', hostname=host.hostname, table='install_job', id=install_job.id) }}?file_path={{ install_job.session_log }}" target='_session_log'>{{ log_icon('Session Log') }}</a>
                {% endif %}
                
                {% if install_job.trace %} 
                    <a href="{{ url_for('log.host_trace', hostname=host.hostname, table='install_job', id=install_job.id) }}" target='_trace'>{{ trace_icon() }}</a>
                {% endif %}
            </div>
            {% endif %}
            
            {{ common_schedule_install_gui() }}
            
            <input id="hidden_edit" name="{{ form.hidden_edit.name }}" value="{{ form.hidden_edit.data }}" class="form-control" type="hidden">
            <div class="form-actions">
                <div class="btn col-sm-offset-5">
                    <button id="on-submit" type="submit" class="btn btn-primary">
                    
                    {% if install_job.status == 'failed' %}
                        Re-Submit
                    {% else %}
                        Schedule
                    {% endif %}
                    
                    </button>
                    
                    <button type="button" onClick="history.back(1);" class="btn btn-default">Cancel</button>
                    <img id="submit-spinner" src="{{ url_for('static', filename='spinner.gif') }}">
                </div>
            </div>
        </form>
    </div>
</div>

{% endblock %}