@using EnVisage.Code
@using EnVisage.Code.HtmlHelpers
@model EnVisage.Models.ViewModel
<div class="panel no-margin no-border">
	<div class="panel-body">
		<div class="row">
			<div class="col-sm-12">
				<div class="panel-group no-margin" id="viewTeams_@Model.Id">
					
						<div id="collapseTwo-info_@Model.Id">
								<a class="btn btn-primary" href="@Url.Action("Edit", "Team")"><i class="fa fa-plus"></i> Add Team</a>
								<h1></h1>
								
								<div class="table-light table-responsive no-margin" id="scenarioslist_@Model.Id">
									<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered no-margin">
										<thead>
											<tr>
												<th>Name</th>
												<th>Company</th>
												<th>Users</th>
												<th>Cost Center</th>
												<th>Report to</th>
												<th></th>
											</tr>
										</thead>
										<tbody>
											@foreach (var team in Model.ViewTeams)
											{
												<tr>
													<td>@team.Name</td>
													<td>@team.Company.Name</td>
													<td>@(team.TeamUsers)</td>
													<td>@team.CostCenter.Name</td>
													<td>@(team.ReportTo != null ? team.ReportTo.FirstName + " " + @team.ReportTo.LastName : "")</td>
													<td>
                                                        <a id="aEditTeam_@(Model.Id)_@team.Id" onclick="return CheckLock(this.id, 'Team', '@team.Id')" data-toggle="popover" data-placement="left" class="btn btn-sm btn-primary popover-warning popover-dark" href="@Url.Action("Edit", "Team", new {@id = team.Id})"><i class="fa fa-edit"></i> Edit</a>
                                                        <a id="aDeleteTeam_@(Model.Id)_@team.Id" onclick="return CheckLock(this.id, 'Team', '@team.Id')" data-toggle="popover" data-placement="left" class="btn btn-sm btn-danger popover-warning popover-dark" href="@Url.Action("Delete", "Team", new {@id = team.Id})"><i class="fa fa-trash-o"></i> Delete</a>
													</td>
												</tr>
											}
										</tbody>
									</table>
								</div>	
						</div>
					
				</div>
			</div>
		</div>
	</div>
</div>