{{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 class="break" {{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 class="break">{{.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">
                <div class="commentList">
                    <h4>{{T "comments"}}</h4>
                    <hr/>
                    <ul class="comments">
                        {{ range $index, $element := .Comments }}
                        <li class="clearfix comment" id="comment_{{$index}}">
                            {{/* The following line is wrong. Should be using the MD5 User hash but i don't knwo how to access it. */}}
                            <img src="https://www.gravatar.com/avatar/{{ .UserID }}?s=50" class="avatar" alt="">
                            <div class="commentBody">
                                <div class="commentData">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-sm-10">
                                                    {{if eq .UserID -1}}
                                                    <a href="#comment_{{$index}}">#{{$index}}</a> by {{.Username}}
                                                    {{else}}
                                                    <a href="#comment_{{$index}}">#{{$index}}</a>
                                                    by <span class="break"><a href="{{$.URL.Parse (printf "/user/%d/-" .UserID ) }}">{{.Username}}</a></span>
                                                    {{end}}
                                                </div>
                                                <div class="col-sm-2">
                                                    <i class="pull-right date-short comment-date">
                                                    <small>
                                                    {{ .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. */}}
                                                    </small>
                                                    </i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12">
                                        {{.Content}}
                                    </div>
                                </div>
                            </div>
                        </li>
                        {{end}}
                    </ul>
                </div>
            </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<br />
                    <input type="radio" name="report_type" value="wrongcat"> Wrong category<br />
                    <input type="radio" name="report_type" value="dup"> Duplicate / Deprecated<br />
                    {{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}}