{{define "title"}}{{.Torrent.Name}}{{end}}
{{define "contclass"}}cont-view{{end}}
{{define "content"}}
<div class="blockBody">
    {{with .Torrent}}
    <hr>
    <div class="content" style="margin-bottom: 2em;">
                <div class="row">
                    <div class="col-md-12">
                        <h3 style="word-break:break-all" {{if eq .Status 2}}class="remake" {{end}} {{if eq .Status 3}}class="trusted" {{end}} {{if eq .Status 4}}class="aplus"{{end}}>{{.Name}}</h3>
                    </div>
                </div>
        <div class="row">
            <div class="col-md-8">
                <div class="row" id="description">
                <div class="col-md-12">
                    <div style="float: left;">
                      <div class="uploaded_by">
                            <img style="float:left; margin-right: 1em;" src="{{$.URL.Parse (printf "/img/torrents/%s.png" .SubCategory) }}">
                            <h4>Uploaded by <a href="{{$.URL.Parse (printf "/user/%d/-" .UploaderID) }}">{{.UploaderName}}</a></h4>
                        </div>
                    </div>
                    <div style="float:right;">
                        <a style="margin: 5px;" aria-label="Magnet Button" href="{{.Magnet}}" type="button" class="btn btn-lg btn-success">
                            <span class="glyphicon glyphicon-magnet" aria-hidden="true"></span> Download!
                        </a>
                        {{if ne .TorrentLink ""}}
                        <a style="margin: 5px;" aria-label="Torrent file" href="{{.TorrentLink}}" type="button" class="btn btn-lg btn-success">
                            <span class="glyphicon glyphicon-floppy-save" aria-hidden="true"></span> Torrent file
                        </a>
                        {{end}}
                        <a style="margin: 5px;" aria-label="Report button" data-toggle="modal" data-target="#reportModal" class="btn btn-danger btn-sm">
                            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Report!
                        </a>

                      {{ if HasAdmin $.User}}
                      <a href="{{ genRoute "mod_tdelete" }}?id={{ .ID }}" class="btn btn-danger btn-lg" onclick="if (!confirm('Are you sure?')) return false;"><i class="glyphicon glyphicon-trash"></i></a>
                      {{end}}
                    </div>
                    <div style="clear: both;"></div>
                </div>
                    <div class="col-md-12">
                        <h4>{{T "description"}}</h4>
                        <div style="word-break:break-all;">{{.Description}}</div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <h4>{{T "hash"}}</h4>
                <p class="torrent-hash">{{.Hash}}</p>
                <hr>
                <h4>{{T "date"}}</h4>
                <p class="date-full">{{.Date}}</p>
                <hr>
                <h4>{{T "size"}}</h4>
                <p>{{.Filesize}}</p>
                <hr>
                {{if ne .WebsiteLink ""}}
                <h4>{{T "Link"}}</h4>
                <p><a href="{{.WebsiteLink}}">{{.WebsiteLink}}</a></p>
                <hr>
                {{end}}
                <div class="row">
                <div class="col-md-4">{{T "seeders"}}</div>
                <div class="col-md-4">{{T "leechers"}}</div>
                <div class="col-md-4">{{T "completed"}}</div>
                </div>
                <div class="row">
                <div class="col-md-4">{{.Seeders}}</div>
                <div class="col-md-4">{{.Leechers}}</div>
                <div class="col-md-4"><span class="completed" style="">{{.Completed}}</span></div>
                <div class="col-md-8">
                <div class="proSeedBar">
                  <div class="seeds" style="width: {{ calcWidthSeed .Seeders .Leechers }}%;"></div>
                  <div class="leechs" style="width: {{ calcWidthLeech .Seeders .Leechers }}%;"></div>
                </div>
                </div>
                </div>
                <hr>
            </div>
        </div>
        <div class="row" id="comments">
            <div class="col-md-12">
                <h4>{{T "comments"}}</h4>
                {{ range $index, $element := .Comments }}
                <div class="row comment-row" id="comment_{{$index}}">
                    <div class="col-md-2">
                        {{if eq .UserID -1}}
                            <a href="#comment_{{$index}}">{{$index}}</a>
                            {{.Username}}
                        {{else}}
                            <a href="#comment_{{$index}}">{{$index}}</a>
                            <a href="{{$.URL.Parse (printf "/user/%d/-" .UserID ) }}">{{.Username}}</a>
                        {{end}}
                    </div>
                    <div class="col-md-1 date-short comment-date">
                        {{ .Date.Format ( Ts "date_format" ) }}
                        {{/* output: "2017-05-01 15:30"
                            Went with "Year-Month-Day" because it's the most unambiguous.
                            If you want it to be determined by where you're from, be my guest. */}}
                    </div>
                    <div class="col-md-8">
                        {{.Content}}
                    </div>
                </div>
                {{end}}
            </div>
        </div>
    </div>
    {{end}}
    <div class="row" style="margin-bottom: 2em;">
        <div class="col-md-12">
            <form method="post">
                <div class="form-group">
                    {{/* There should be a better way to use translation on this... */}}
                    <label for="comment">{{ if gt .User.ID 0}} {{T "submit_a_comment_as_username" .User.Username}} {{else}} {{T "submit_a_comment_as_anonymous"}} {{end}}</label>
                    <textarea name="comment" class="form-control" rows="5"></textarea>
                </div>
                {{block "captcha" .}}{{end}}
                <button type="submit" class="btn btn-success">{{T " submit "}}</button>
            </form>
        </div>
    </div>
</div>
{{with .Torrent}}
<div id="reportModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Report Torrent #{{.ID}}</h4>
            </div>
            <div class="modal-body">
                <b>Report type:</b>
                <form method="post" action="/report/{{.ID}}">
                    <input type="radio" name="report_type" value="illegal"> Illegal content <br/>
                    <input type="radio" name="report_type" value="spam"> Spam / garbage
                    {{end}}
                    {{block "captcha" .}}{{end}}
                    <button type="submit" class="btn btn-default">Report!</button>
                </form> <br />
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>
{{end}}