<template name="aboutModal">
    {{#dialogSimple (extend this id='aboutModal' dialogClass='modal-lg' title='About')}}
        <a target='_blank'
           class='forkOnGithub'
           href="{{githubUrl}}">
            <img src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67"
                 alt="Fork me on GitHub"
                 data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png">
        </a>
        <div class="logo p-x-3 p-y-3 clearfix">
            <svg class="logoImage pull-left">
                <use xlink:href={{absoluteUrl "packages/ohif_viewerbase/assets/icons.svg#icon-ohif-logo"}}></use>
            </svg>
            <a class="logoText pull-left"
               target="_blank"
               href="http://ohif.org">
                Open Health Imaging Foundation DICOM Viewer
            </a>
        </div>
        <div class="p-x-1 p-y-1 m-y-2">
            <a class="btn btn-default inline"
               target='_blank'
               href="https://groups.google.com/forum/#!forum/cornerstone-platform">
                Visit the forum
            </a>
            <a class="btn btn-default inline"
               target='_blank'
               href="https://github.com/OHIF/Viewers/issues">
                Report an issue
            </a>
        </div>
        <div class="p-y-1 p-x-1">
            <h3>Version Information</h3>
            <table class="table table-responsive">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Value</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Repository URL</td>
                        <td>
                            <a target='_blank'
                               href="{{githubUrl}}">{{githubUrl}}</a>
                        </td>
                    </tr>
                    <tr>
                        <td>Last Commit Hash</td>
                        <td>
                            <a target='_blank' href="{{githubUrl}}/commit/{{gitRev 'long'}}">
                            {{gitRev 'long'}}
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>Latest Tag</td>
                        <td>
                            <a target='_blank' href="{{githubUrl}}/releases/tag/{{gitRev 'tag'}}">
                            {{gitRev 'tag'}}
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>Branch</td>
                        <td>
                            <a target='_blank' href="{{githubUrl}}/tree/{{gitRev 'branch'}}">
                                {{gitRev 'branch'}}
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    {{/dialogSimple}}
</template>
