// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
//
// This software (Documize Community Edition) is licensed under
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
//
// You can operate outside the AGPL restrictions by purchasing
// Documize Enterprise Edition and obtaining a commercial license
// by contacting <sales@documize.com>.
//
// https://documize.com

package github

const (
	rawMSsvg  = `<path d="M8 2H6V0h2v2zm4 5H2c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h10l2 2-2 2zM8 4H6v2h2V4zM6 16h2V8H6v8z"></path>`
	openMSsvg = `
		<span title="Open milestone">
			<svg height="16" width="14" version="1.1" viewBox="0 0 14 16">
				` + rawMSsvg + `
			</svg>
		</span>
		`
	closedMSsvg = `
		<span title="Closed milestone">
			<svg aria-hidden="true" class="octicon octicon-check" height="16" version="1.1" viewBox="0 0 12 16" width="12">
				<path d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path>
			</svg>
		</span>
		`
	milestonesTemplate = `
<div class="section-github-render">
	{{if .HasMilestones}}
		<div class="heading">Milestones</div>
		<!-- <p>
			There are
			{{.ClosedMS}}
			{{if eq 1 .ClosedMS}} milestone {{else}} milestones {{end}}
			closed and {{.OpenMS}}
			{{if eq 1 .OpenMS}} milestone {{else}} milestones {{end}}
			open across {{.RepoCount}}
			{{if eq 1 .RepoCount}} repository. {{else}} repositories. {{end}}
		</p> -->
		<div class="margin-top-20"></div>
		<table class="github-table">
		    <tbody>
				{{range $data := .Milestones}}
			        <tr>
						<td class="no-width">
							<div class="milestone-symbol">
								{{if $data.IsMilestone}}
									{{if $data.IsOpen}}
										` + openMSsvg + `
									{{else}}
										` + closedMSsvg + `
									{{end}}
								{{end}}
							</div>
						</td>
						<td><div class="margin-left-10"></div></td>
			            <td>
							<div class="milestone-name"><a class="link" href="{{$data.URL}}">{{$data.Name}}</a></div>
							<span class="milestone-meta">{{$data.Repo}}</span>
							{{if $data.IsMilestone}}
								<span class="milestone-meta">&middot; {{$data.DueDate}}</span>
							{{end}}
						</td>
						<td><div class="margin-left-150"></div></td>
			            <td class="no-width">
							{{if $data.IsMilestone}}
								<progress value="{{$data.Progress}}" max="100"></progress>
								<div class="progress-meta"><span class="bold color-off-black">{{$data.CompleteMsg}}</span> complete &nbsp;&nbsp;&nbsp;<span class="bold color-off-black">{{$data.OpenIssues}}</span> open &nbsp;&nbsp;&nbsp;<span class="bold color-off-black">{{$data.ClosedIssues}}</span> closed</div>
							{{else}}
								<div class="progress-meta"><span class="bold color-off-black">{{$data.OpenIssues}}</span> open <span class="bold color-off-black">{{$data.ClosedIssues}}</span> closed</div>
							{{end}}
						</td>
			        </tr>
				{{end}}
		    </tbody>
		</table>
	{{end}}
</div>
`
)