{% extends "base.html" %}
{% load static %}
{% load url %}
{% load user_profile_link from profiles %}
{% load workstations %}
{% load guardian_tags %}
{% load evaluation_extras %}
{% load get_help_text %}

{% block breadcrumbs %}
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{% url 'workstation-configs:list' %}">Viewer
            Configurations</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ object.title }}
        </li>
    </ol>
{% endblock %}

{% block content %}
    {% get_obj_perms request.user for object as "config_perms" %}

    <h1>Viewer Configuration {{ object.title }}</h1>

    {% if object.description %}
        <p>{{ object.description }}</p>
    {% endif %}

    <p class="text-muted">Hover over the configuration for more information</p>
    <table class="table table-hover my-3">
        <tr data-toggle="tooltip" title="{% get_help_text object 'image_context' %}">
            <td class="font-weight-bold">Image context</td>
            <td>{{ object.get_image_context_display }}</td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'window_presets' %}">
            <td class="font-weight-bold">Window presets</td>
            <td>
                {% for x in object.window_presets.all %}
                    <div>{{ x }}</div>
                {% endfor %}
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'default_window_preset' %}">
            <td class="font-weight-bold">Default window preset</td>
            <td>{{ object.default_window_preset }}</td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'default_slab_thickness_mm' %}">
            <td class="font-weight-bold">Default slab thickness (mm)</td>
            <td>{{ object.default_slab_thickness_mm }}</td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'default_slab_render_method' %}">
            <td class="font-weight-bold">Default slab render method</td>
            <td>{{ object.get_default_slab_render_method_display }}</td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'default_orientation' %}">
            <td class="font-weight-bold">Default orientation</td>
            <td>{{ object.get_default_orientation_display }}</td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'default_image_interpolation' %}">
            <td class="font-weight-bold">Default image interpolation</td>
            <td>{{ object.get_default_image_interpolation_display }}</td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'default_overlay_alpha' %}">
            <td class="font-weight-bold">Default overlay alpha</td>
            <td>{{ object.default_overlay_alpha }}</td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'ghosting_slice_depth' %}">
            <td class="font-weight-bold">Ghosting Slice Depth</td>
            <td>{{ object.ghosting_slice_depth }}</td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'overlay_luts' %}">
            <td class="font-weight-bold">Overlay lookup tables</td>
            <td>
                {% for x in object.overlay_luts.all %}
                    <div>{{ x }}</div>
                {% endfor %}
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'default_overlay_lut' %}">
            <td class="font-weight-bold">Default overlay lookup table</td>
            <td>{{ object.default_overlay_lut }}</td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'default_overlay_interpolation' %}">
            <td class="font-weight-bold">Default overlay interpolation</td>
            <td>{{ object.get_default_overlay_interpolation_display }}</td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'overlay_segments' %}">
            <td class="font-weight-bold">Overlay segments</td>
            <td>
                <pre>{{ object.overlay_segments|json_dumps }}</pre>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'key_bindings' %}">
            <td class="font-weight-bold">Key bindings</td>
            <td>
                <pre>{{ object.key_bindings|json_dumps }}</pre>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'default_zoom_scale' %}">
            <td class="font-weight-bold">Default zoom scale</td>
            <td>{{ object.default_zoom_scale }}</td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'default_brush_size' %}">
            <td class="font-weight-bold">Default brush size (mm)</td>
            <td>{{ object.default_brush_size }}</td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'default_annotation_color' %}">
            <td class="font-weight-bold">Default annotation color</td>
            <td>
                {{ object.default_annotation_color }}
                {% if object.default_annotation_color %}
                    <div class="color-box" style="background-color: {{ object.default_annotation_color }}"></div>
                {% endif %}
            </td>
        </tr>
         <tr data-toggle="tooltip" title="{% get_help_text object 'auto_jump_center_of_gravity' %}">
            <td class="font-weight-bold">Jump to first center of gravity</td>
            <td>
                <i class="fas {% if object.auto_jump_center_of_gravity %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
    </table>

    <h2>Plugin and Tools</h2>

    <p class="text-muted">Plugins are components of the viewer, whereas tools are (generally) contained within plugins.</p>

    <table class="table table-hover my-3" >
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_image_info_plugin' %}">
            <td class="font-weight-bold">Image info plugin</td>
            <td>
                <i class="fas {% if object.show_image_info_plugin %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_display_plugin' %}">
            <td class="font-weight-bold">Display plugin</td>
            <td>
                <i class="fas {% if object.show_display_plugin %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_image_switcher_plugin' %}">
            <td class="font-weight-bold">Image switcher plugin</td>
            <td>
                <i class="fas {% if object.show_image_switcher_plugin %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_algorithm_output_plugin' %}">
            <td class="font-weight-bold">Algorithm output plugin</td>
            <td>
                <i class="fas {% if object.show_algorithm_output_plugin %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_overlay_plugin' %}">
            <td class="font-weight-bold">Overlay plugin</td>
            <td>
                <i class="fas {% if object.show_overlay_plugin %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_annotation_statistics_plugin' %}">
            <td class="font-weight-bold">Annotation statistics plugin</td>
            <td>
                <i class="fas {% if object.show_annotation_statistics_plugin %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_swivel_tool' %}">
            <td class="font-weight-bold">Swivel tool</td>
            <td>
                <i class="fas {% if object.show_swivel_tool %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_invert_tool' %}">
            <td class="font-weight-bold">Invert tool</td>
            <td>
                <i class="fas {% if object.show_invert_tool %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_flip_tool' %}">
            <td class="font-weight-bold">Flip tool</td>
            <td>
                <i class="fas {% if object.show_flip_tool %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_window_level_tool' %}">
            <td class="font-weight-bold">Window level tool</td>
            <td>
                <i class="fas {% if object.show_window_level_tool %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_reset_tool' %}">
            <td class="font-weight-bold">Reset tool</td>
            <td>
                <i class="fas {% if object.show_reset_tool %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_overlay_selection_tool' %}">
            <td class="font-weight-bold">Overlay selection tool</td>
            <td>
                <i class="fas {% if object.show_overlay_selection_tool %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_lut_selection_tool' %}">
            <td class="font-weight-bold">Show overlay-LUT selection tool</td>
            <td>
                <i class="fas {% if object.show_lut_selection_tool %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'show_annotation_counter_tool' %}">
            <td class="font-weight-bold">Annotation counter tool</td>
            <td>
                <i class="fas {% if object.show_annotation_counter_tool %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'enable_contrast_enhancement' %}">
            <td class="font-weight-bold">Contrast-enhancement preprocessing tool</td>
            <td>
                <i class="fas {% if object.enable_contrast_enhancement %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
    </table>

    <h2>Linking Configuration</h2>

    <p class="text-muted">Linked images share tool interactions and display properties,
        it is possible to manually (un)link them during viewing.</p>


    <table class="table table-hover my-3" >

        <tr data-toggle="tooltip" title="{% get_help_text object 'link_images' %}">
            <td class="font-weight-bold">Start with images linked</td>
            <td>
                <i class="fas {% if object.link_images %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
        <tr data-toggle="tooltip" title="{% get_help_text object 'link_panning' %}">
            <td class="font-weight-bold">Panning</td>
            <td>
                <i class="fas {% if object.link_panning %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>

        <tr data-toggle="tooltip" title="{% get_help_text object 'link_zooming' %}">
            <td class="font-weight-bold">Zooming</td>
            <td>
                <i class="fas {% if object.link_zooming %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>

        <tr data-toggle="tooltip" title="{% get_help_text object 'link_slicing' %}">
            <td class="font-weight-bold">Slicing</td>
            <td>
                <i class="fas {% if object.link_slicing %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>

        <tr data-toggle="tooltip" title="{% get_help_text object 'link_orienting' %}">
            <td class="font-weight-bold">Orienting</td>
            <td>
                <i class="fas {% if object.link_orienting %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>

        <tr data-toggle="tooltip" title="{% get_help_text object 'link_windowing' %}">
            <td class="font-weight-bold">Windowing</td>
            <td>
                <i class="fas {% if object.link_windowing %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>

        <tr data-toggle="tooltip" title="{% get_help_text object 'link_inverting' %}">
            <td class="font-weight-bold">Inverting</td>
            <td>
                <i class="fas {% if object.link_inverting %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>

        <tr data-toggle="tooltip" title="{% get_help_text object 'link_flipping' %}">
            <td class="font-weight-bold">Flipping</td>
            <td>
                <i class="fas {% if object.link_flipping %}fa-check-circle{% else %}fa-times-circle{% endif %}"></i>
            </td>
        </tr>
    </table>


    {% if "change_workstationconfig" in config_perms %}
        <div class="d-flex justify-content-start align-items-center">
            <a class="btn btn-primary mr-1"
               href="{% url 'workstation-configs:update' slug=object.slug %}">
                <i class="fa fa-edit"></i> Edit this viewer configuration
            </a>
            <a href="{% url 'workstation-configs:delete' slug=object.slug %}"
               class="btn btn-danger">
                <i class="fa fa-times"></i> Delete this viewer configuration
            </a>
        </div>
    {% endif %}
{% endblock %}

{% block script %}
    {{ block.super }}
    <script type="text/javascript" src="{% static "js/tooltips.js" %}"></script>
{% endblock %}