<div class="panel panel-default file-content">
    <div class="panel-heading file-head">
        {{if .ReadmeExist}}
            <i class="icon fa fa-book"></i>
            {{if .ReadmeInSingle}}
            {{.FileName}}
            {{else}}
            {{.FileName}} <span class="file-size">{{FileSize .FileSize}}</span>
            {{end}}
        {{else}}
            <i class="icon fa fa-file-text-o"></i>
            {{.FileName}} <span class="file-size">{{FileSize .FileSize}}</span>
        {{end}}
        {{if not .ReadmeInSingle}}
        <div class="btn-group pull-right">
            <a class="btn btn-default hidden" href="#">Edit</a>
            <a class="btn btn-default" href="{{.FileLink}}" rel="nofollow">Raw</a>
            <a class="btn btn-default hidden" href="#">Blame</a>
            <a class="btn btn-default" href="{{.RepoLink}}/commits/{{.BranchName}}/{{.TreeName}}">History</a>
            <a class="btn btn-danger hidden" href="#">Delete</a>
        </div>
        {{end}}
    </div>

    {{if not .FileIsText}}
    <div class="panel-body file-body file-code code-view">
        {{if .IsImageFile}}
            <img src="{{.FileLink}}">
        {{else}}
            <a href="{{.FileLink}}" rel="nofollow" class="btn btn-default">View Raw</a>
        {{end}}
    </div>
    {{else}}
    {{if .ReadmeExist}}
    <div class="panel-body file-body markdown">
        {{.FileContent|str2html}}
    </div>
    {{else}}
    <div class="panel-body file-body file-code code-view">
        <table>
            <tbody>
                <tr>
                    <td class="lines-num"></td>
                    <td class="lines-code markdown"><pre class="prettyprint linenums{{if .FileExt}} lang-{{.FileExt}}{{end}}">{{.FileContent}}</pre></td>
                </tr>
            </tbody>
        </table>
    </div>
    {{end}}
    {{end}}
</div>
