@(message: String, project: Project, histories: List[models.History] )

@import utils.JodaDateUtil._
@import utils.TemplateHelper._
@import models.enumeration._
@import utils.AccessControl._

@projectLogoImage = @{
	defining(Attachment.findByContainer(project.asResource)) { files =>
		if(files.size > 0){
			"/files/" + files.head.id
		} else {
			routes.Assets.at("images/bg-default-project.jpg")
		}
	}
}
@userPageUrlOnHistory(history:History) = @{
	if(history.getUserPageUrl() != null) {
		history.getUserPageUrl()
	} else {
		"#"
	}
}
@userAvatarUrlOnHistory(history:History) = @{
	if(history.getUserAvatarUrl() != null){
		history.getUserAvatarUrl()
	} else {
		routes.Assets.at("images/default-avatar-64.png")
	}
}
@makeHistoryWho(history:History)  = {<a href="@userPageUrlOnHistory(history)" class="actor">@history.getWho()</a>}
@makeHistoryHow(history:History)  = {<a href="@history.getUrl()"><strong class="whereis">@history.getHow()</strong></a> }
@makeHistoryWhat(history:History) = {@Messages("project.history.type." + history.getWhat())}

@main(message, project, utils.MenuType.PROJECT_HOME) {
<div class="page">
	@prjmenu(project, utils.MenuType.PROJECT_HOME, "")

    <div class="input-prepend project-hometop-wrap">
    	<div class="vcs-wrap pull-left">
    		<span class="clone-label"><strong class="@project.vcs">@project.vcs</strong></span><!--
    	 --><input id="repositoryURL" type="text" class="text repo-url" readonly="readonly" value="@CodeApp.getURL(project.owner, project.name)">
        </div>
        <div class="issue-wrap btn-group pull-right">
            <button class="btn" disabled="true">@Messages("menu.issue")</button>
            <a href="@routes.IssueApp.issues(project.owner, project.name, State.OPEN.state)" class="btn">
                @Messages("issue.state.open") <strong class="num open">@Issue.countIssues(project.id, State.OPEN)</strong>
            </a>
            <a href="@routes.IssueApp.issues(project.owner, project.name, State.CLOSED.state)" class="btn">
                @Messages("issue.state.closed") <strong class="num">@Issue.countIssues(project.id, State.CLOSED)</strong>
            </a>
        </div>
    </div>

    <div class="bubble-wrap dark-gray project-home">
        <div class="inner logo" style="background-image:url('@projectLogoImage');"></div>
        <div class="inner project-info">
            <header>
                <h3>@Messages("project.info")</h3>
                @if(isAllowed(UserApp.currentUser(), project.tagsAsResource(), Operation.UPDATE)){
                <button type="button" class="nbtn small" data-toggle="button" id="tag-editor-toggle">@Messages("button.edit")</button>
                }
            </header>
            <ul class="infos" id="tags">
                <!-- tags are added here by hive.project.Home.js -->
            </ul>
            <ul>
                <input name="newTag" type="text" class="text hidden" style="margin-bottom:0px;" data-provider="typeahead" autocomplete="off"/>
                <button id="addTag" type="button" class="nbtn medium hidden">@Messages("button.add")</button>
            </ul>
        </div>
        <div class="inner member-info">
            <header>
                <h3>@Messages("project.members")</h3>
            </header>
            <div class="member-wrap">
                <ul class="project-members">
                    @for(member <- User.findUsersByProject(project.id)){
                    <li class="member">
                    	<a href="@routes.UserApp.userInfo(member.loginId)" class="avatar-wrap img-rounded pull-left small">
                        	<img src="@member.avatarUrl" alt="@member.loginId" width="24" height="24">
                        </a>
                        <a href="@routes.UserApp.userInfo(member.loginId)" class="name">
                        	<strong>@member.loginId (@member.name)</strong>
                        </a>
                    </li>
                    }
                </ul>
            </div>
        </div>
    </div>

	@if(histories.size > 0) {
	<div class="content-container">
		<div class="main-stream" style="width:100%;">
			<ul class="activity-streams unstyled">
				@for(history <- histories.iterator()) {
				<li class="activity-stream" style="padding:10px 0;">
					<a href="@userPageUrlOnHistory(history)" class="avatar-wrap pull-left" style="margin-right:15px;">
						<img src="@userAvatarUrlOnHistory(history)" width="32" height="32">
					</a>

					<div class="activity-desc">
						<p class="header-text" style="margin-bottom:5px;">
							@Html(Messages("project.history.item",
								makeHistoryWho(history),
								makeHistoryWhat(history), 
								makeHistoryHow(history)
							))
						</p>
						<p class="others" style="padding-left:0;">
							<span class="date" style="margin-left:0;">@agoString(ago(history.getWhen()))</span>
						</p>
					</div>
				</li>
				}
			</ul>
		</div>
	</div>
	}
	
    <div class="bubble-wrap dark-gray readme">
        @if(project.readme == null) {
            <p class="default">
                @Messages("project.readme")
            </p>
        } else {
        <div class="readme-wrap">
           <header><i class="ico ico-readme-book"></i><strong>README.md</strong></header>
           <div class="readme-body" markdown="true">
               @project.readme
           </div>
        </div>
        }
	    @markdown()
    </div>
</div>

<script type="text/javascript">
$(document).ready(function(){
    $hive.loadModule("project.Home", {
        "sURLProjectTags": "@routes.ProjectApp.tags(project.owner, project.name)",
        "sURLTags"       : "@routes.TagApp.tags()",
        "nProjectId"     : @project.id
    });
});
</script>
}