{% extends 'base_software.html' %}

{% from 'host/common.html' import edit_field %}
{% from 'host/common.html' import alert_duplicate %}
{% from 'share/server_software_dialog.html' import server_software_dialog %}
{% from 'share/cisco_software_dialog.html' import cisco_software_dialog %}

{% if request.endpoint.endswith('edit') %}
    {% set isEdit = True %}
{% else %}
    {% set isEdit = False %}
{% endif %}

{% block head %}

<script src="/static/jquery/js/smu_info_dialog.js"></script>
<script src="/static/jquery/js/server_software_dialog.js"></script>
<script src="/static/jquery/js/cisco_software_dialog.js"></script>

<script>
    $(function() {
        var spinner = $('#spinner');
        spinner.hide();

        $('#form').submit(function() {
            var current_form = this;
            var software_profile_name = $('#software_profile_name').val();
            var acceptable_string = get_acceptable_string(software_profile_name);
            $('#software_packages').val(trim_lines($('#software_packages').val()));

            if (acceptable_string != software_profile_name) {
                var message = get_acceptable_string_message('Software Profile name', software_profile_name, acceptable_string);
                bootbox.confirm(message, function(result) {
                    if (result) {
                        $('#software_profile_name').val(acceptable_string);
                    }
                });
            } else {
                return true;
            }

            return false;
        });

        $('#browse-cisco-button').on('click', function(e) {
            display_cisco_software_dialog([]);
        });

        $('#on-cisco-software-dialog-submit').click(function(e) {
            var new_software_packages = [];

            $('.check').each(function(index) {
                if (this.checked) {
                    $(this).attr('checked', false);
                    new_software_packages.push($(this).val());
                }
            });
            update_software_packages(new_software_packages);
        });

        function update_software_packages(new_software_packages) {
            if (new_software_packages.length == 0) {
                return;
            }

            var software_packages = convert_lines_to_list($('#software_packages').val());

            if (software_packages.length > 0) {
                bootbox.dialog({
                    message: "Overwrite existing selected software packages?  Click 'Yes' to overwrite or 'No' to append.",
                    title: "Confirmation",
                    buttons: {
                        success: {
                            label: "Yes",
                            className: "btn-primary",
                            callback: function() {
                                $('#software_packages').val(String(new_software_packages).replace(/,/g, '\n'));
                            }
                        },
                        danger: {
                            label: "No",
                            className: "btn-default",
                            callback: function() {
                                for (i = 0; i < new_software_packages.length; i++) {
                                    software_packages.push(new_software_packages[i]);
                                }
                                $('#software_packages').val(String(software_packages).replace(/,/g, '\n'));
                            }
                        },
                    }
                });
            } else {
                $('#software_packages').val(String(new_software_packages).replace(/,/g, '\n'));
            }
        }

        $('#optimize-software').click(function(e) {
            optimize_software_packages();
        });

        function optimize_software_packages() {
            optimize_software($('#software_packages'), $('#software_packages'), spinner);
        }
        
        $('#browse-server-button').on('click', function(e) {                  
            display_server_software_dialog(-1, '', '');
        });
        
        $('#on-server-software-dialog-submit').click(function(e) {
            update_software_packages(server_software_selector.get_selected_items());
        });

    });
</script>
  
<style>
    .modal-dialog {    
        width: 850px;
    }
    a:link, a:visited {
        text-decoration:none;
    }
    th,
    td {
        white-space: nowrap;
    }
</style>
  
{% endblock %}

{% block main %}

{% include 'share/optimize_software_dialog.html' %}
{{ cisco_software_dialog(system_option.enable_cco_lookup) }}
{{ server_software_dialog(server_dialog_form.server_dialog_server, server_dialog_form.server_dialog_server_directory, server_dialog_form.server_dialog_target_software) }}
 
<div class="row">
    <div class="well col-sm-offset-2 col-sm-8">
        <form id="form" method=post class="form-horizontal">
            <legend>{% if isEdit %}Edit Software Profile{% else %}Create Software Profile{% endif %}</legend>
            
            {{ alert_duplicate(form.software_profile_name.data, duplicate_error) }}
            {{ edit_field(form.software_profile_name, class="form-control") }}
            
            <div class="form-group ">
                <label class="col-sm-4 control-label">Select From</label>  
                <div class=col-sm-8>    
                    <span id="add-widget-panel">
                    <a id="browse-server-button" href="javascript://">
                        <img src="/static/browse_server.png">&nbsp;Server Repository&nbsp;&nbsp;&nbsp;
                    </a>
                    <a id="browse-cisco-button" href="javascript://">
                        <img src="/static/internet.png">&nbsp;CCO&nbsp;&nbsp;&nbsp;
                    </a>  
                    </span> 
                </div>
            </div>
            
            {{ edit_field(form.software_packages, class="form-control", wrap="off", style="overflow:scroll;resize: none", spellcheck="false", rows="10") }}
            
            <div class="form-actions">
                <div class="btn col-sm-offset-5">
                    <button id="optimize-software" type="button" class="btn btn-default">Optimize</button>
                    <button type="submit" class="btn btn-primary">Save</button>
                    <button type="button" onClick="location.href='{{ url_for('conformance.home') }}'" class="btn btn-default">Cancel</button>
                    <img id="spinner" src="{{ url_for('static', filename='spinner.gif') }}">
                </div>
            </div>
        </form>
    </div>
</div>

{% endblock %}