@**
* Yobi, Project Hosting SW
*
* Copyright 2014 NAVER Corp.
* http://yobi.io
*
* @author Keesun
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*   http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
**@
@(org:Organization)

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

@makeLeaveBtn(org: Organization, isShow: Boolean) = {
@if(!OrganizationApp.validateForLeave(org.name).hasError() && isShow) {
<button type="button" class="ybtn ybtn-minimum ybtn-danger pull-right" id="groupLeaveBtn" data-href="@routes.OrganizationApp.leave(org.name)">@Messages("organization.member.leave")</button>
}
}

@makeUser(organizationUser: OrganizationUser, isShow: Boolean) = {
@if(isShow) {
<li class="member">
    <a href="@routes.UserApp.userInfo(organizationUser.user.loginId)" class="avatar-wrap" data-toggle="tooltip" data-placement="top" title="@organizationUser.user.loginId">
        <img src="@organizationUser.user.avatarUrl" height="45" width="45" />
    </a>
    <a href="@routes.UserApp.userInfo(organizationUser.user.loginId)" data-toggle="tooltip" data-placement="top" title="@organizationUser.user.loginId">
        @organizationUser.user.getDisplayName
    </a>
</li>
}
}

@amIWatching(project:Project) = {
    @if(User.isWatching(project)) {
        "watch-on"
    }
}

@organizationLayout(org.name, utils.MenuType.NONE, org) {
@header(org)
@menu(org)

<div class="page-wrap-outer">
    <div class="project-page-wrap">
        <div class="project-home-header row-fluid">
            <div class="span9 span-hard-wrap">
                <div class="project-overview">
                    <h3><span id="project-description">@org.descr</span></h3>
                </div>
                <div class="project-search-wrap row-fluid mt10">
                    <div class="span7">
                        <div class="search-bar">
                            <input name="mylist-filter" id="mylist-filter" class="textbox full" type="text" value="" data-toggle="item-search" data-items="project-item" placeholder="@Messages("title.type.name")">
                            <button type="button" class="search-btn"><i class="yobicon-search"></i></button>
                        </div>
                    </div>
                    @if(OrganizationUser.isAdmin(org, UserApp.currentUser) || UserApp.currentUser().isSiteManager) {
                    <div class="pull-right">
                        <a href="@routes.ProjectApp.newProjectForm()?owner=@org.name" class="ybtn ybtn-primary">@Messages("button.newProject")</a>
                    </div>
                    }
                </div>
                <ul class="all-projects">
                    @for(project <- org.getVisibleProjects(UserApp.currentUser())) {
                    <li class="project" data-item="project-item" data-value="@project.name @project.overview">
                        <div class="info-wrap">
                            <div class="owner-avatar-wrap hide-in-mobile">
                                <a href="@routes.ProjectApp.project(project.owner,project.name)">
                                    @if(hasProjectLogo(project)){<img src="@urlToProjectLogo(project)" alt="@project" +
                                            ".name"/>}
                                </a>
                            </div>
                            <div style="float:left">
                                <div class="header">
                                    <a href="@routes.ProjectApp.project(project.owner, project.name)" class="black">@project.name</a>
                                    @if(project.isForkedFromOrigin()){
                                <span class="small-font blue-txt">
                                    <a class="origin-title" href='@routes.ProjectApp.project(project.originalProject.owner, project.originalProject.name)'>
                                        <i class="yobicon-split"></i>
                                        @project.originalProject.owner / @project.originalProject.name
                                    </a>
                                </span>
                                    }

                                    @if(project.isPrivate){ <i class="yobicon-lock yobicon-small"></i> }
                                    @if(project.isProtected){ <span class="project-protected" title="Group Project">G</span> }
                                    @for(label <- project.labels) {
                                    <a class="project-label @label.category.toLowerCase()" href="@routes.ProjectApp.projects()?labelIds=@label.id">@label.name</a>
                                    }
                                </div>
                                <div class="desc">
                                    @project.overview
                                </div>
                                <p class="name-tag">by <a href="@routes.UserApp.userInfo(project.owner)" class="owner-name-small">@project.owner</a>
                                    at <strong title="@JodaDateUtil.getDateString(project.createdDate)">@agoOrDateString(project.createdDate)</strong> <span class="small-font">@if(project.lastPushedDateAgo() != null) {, @Messages("project.codeUpdate") <strong title="@JodaDateUtil.getDateString(project.lastPushedDate)">@agoOrDateString(project.lastPushedDate)}</strong></span>
                                </p>
                            </div>
                        </div>
                        <div class="stats-wrap pull-right">
                            <div class="members">
                                <ul class="unstyled">
                                    @for(member <- User.findUsersByProject(project.id)){
                                    @if(member.loginId != project.owner){
                                    <li>
                                        <a href="@routes.UserApp.userInfo(member.loginId)" class="avatar-wrap">
                                            <img src="@member.avatarUrl" alt="@member.name">
                                        </a>
                                    </li>
                                    }
                                    }
                                </ul>
                                <p>
                                    @Html(Messages("project.onmember", User.findUsersByProject(project.id).size))
                                <i class="yobicon-eye"></i> @Html(Messages("project.onwatching", project.getWatchingCount))
                                    @if(User.isWatching(project)) {
                                        <i class="yobicon-lightbulb ramp-on" data-toggle="tooltip" title="@Messages("project.default.group.watching")"></i>
                                    } else {
                                        <i class="yobicon-lightbulb ramp-off" data-toggle="tooltip" title="@Messages("project.you.are.not.watching", "")"></i>
                                    }
                                </p>
                            </div>
                        </div>
                    </li>
                    }
                </ul>
            </div>
            <div class="span3 span-hard-wrap">
            @if(UserApp.currentUser().isSiteManager()
                    || UserApp.currentUser().isMemberOf(org)
                    || OrganizationUser.isAdmin(org.id, UserApp.currentUser().id)
            ) {
                <div class="bubble-wrap gray project-home">
                    <div class="inner member-info">
                        <header>
                            <h3>@Messages("user.role.org_admin")</h3>
                            @makeLeaveBtn(org, OrganizationUser.isAdmin(org.id, UserApp.currentUser().id))
                        </header>
                        <div class="member-wrap ">
                            <ul class="project-members">
                            @for(organizationUser <- org.users) {
                                @makeUser(organizationUser, OrganizationUser.isAdmin(org.id, organizationUser.user.id))
                            }
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="bubble-wrap gray project-home mt10">
                    <div class="inner member-info">
                        <header>
                            <h3>@Messages("user.role.org_member")</h3>
                            @makeLeaveBtn(org, OrganizationUser.isMember(org.id, UserApp.currentUser().id))
                        </header>
                        <div class="member-wrap">
                            <ul class="unstyled project-members">
                            @for(organizationUser <- org.users) {
                                @makeUser(organizationUser, OrganizationUser.isMember(org.id, organizationUser.user.id))
                            }
                            </ul>
                        </div>
                    </div>
                </div>
                }
            </div>
        </div>
    </div>
</div>
@** Confirm to leave the project **@
<div id="alertLeave" class="modal hide">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h3>@Messages("organization.member.leave")</h3>
    </div>
    <div class="modal-body">
        <p>@Messages("organization.member.leaveConfirm")</p>
    </div>
    <div class="modal-footer">
        <button type="button" class="ybtn ybtn-info ybtn-mini" id="leaveBtn">@Messages("button.yes")</button>
        <button type="button" class="ybtn ybtn-mini" data-dismiss="modal">@Messages("button.no")</button>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $yobi.loadModule("organization.View");
    });
</script>
}