{% import "macros.forms" as forms %}

<div class="modobox-sub-header-modify-element-name">{{ team.name }}</div>

<div class="row margin-bottom-0">
	<div class="col-sm-12 information_messages_manage padding-left-10 padding-right-10">
		<div class="alert alert-info noradius margin-bottom-0">
			<div class="bg-blue alert-icon">
				<i class="glyph-icon icon-info"></i>
			</div>
			<div class="alert-content">
				<h4 class="alert-title">{{ translate('informations') }}</h4>
				<p>{{ translate('select_elements_of_your_choice_to_associate_with_the_selected_team') }}</p>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-sm-12">
		<div class="content-box noborder noradius margin-bottom-0" id="team_third_party_content_box">
			<h3 class="content-box-header noradius bg-default" id="toggle_button_team_third_parties_assoc">
				<span class="header-wrapper">
					<i class="glyph-icon icon-caret-right margin-right-5"></i>
					{{ translate('entity') }} <span class="bs-badge badge-info {{ label_opacity }}">{{ team.third_parties|length }}</span>
				</span>
				<div class="header-buttons-separator">
					<a href="#" id="teams_third_party_assoc_submit" class="assoc-submit-btn hidden icon-separator">
						<i class="glyph-icon icon-save"></i>
					</a>
				</div>
			</h3>
			<div class="content-box-wrapper noradius collapse">
				<div id="teams_third_parties_assoc_list">
					<form class="form-horizontal form_inline" name="teams_third_party_assoc_form" onsubmit="return false;" method="POST">
						<div class="form-group margin-bottom-0">
							<div class="col-sm-12 padding-left-15 padding-right-15">
								<input type="hidden" name="team_id_third_party_assoc" id="team_id_third_party_assoc" value="{{ team.id }}" class="form-control" />
								<select multiple class="multi-select form-no-control" name="team_third_parties_list" id="team_third_parties_list">
									{{ forms.options(third_parties, team.third_parties) }}
								</select>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-sm-12">
		<div class="content-box noborder noradius margin-bottom-0" id="team_user_status_content_box">
			<h3 class="content-box-header noradius bg-default" id="toggle_button_team_user_statuses_assoc">
				<span class="header-wrapper">
					<i class="glyph-icon icon-caret-right margin-right-5"></i>
					{{ translate('user_statuses') }} <span class="bs-badge badge-info {{ user_label_opacity }}"> {{ team.roles|length }} </span>
				</span>
				<div class="header-buttons-separator">
					<a href="#" id="teams_user_status_assoc_submit" class="assoc-submit-btn hidden icon-separator">
						<i class="glyph-icon icon-save"></i>
					</a>
				</div>
			</h3>
			<div class="content-box-wrapper noradius" style="display:none;">
				<div id="teams_user_statuses_assoc_list">
					<form class="form-horizontal form_inline" name="teams_user_status_assoc_form" onsubmit="return false;" method="POST">
						<div class="form-group margin-bottom-0">
							<div class="col-sm-12 padding-left-15 padding-right-15">
								<input type="hidden" name="team_id_user_status_assoc" id="team_id_user_status_assoc" value="{{ team.id }}" class="form-control" />
								<select multiple class="multi-select form-no-control" name="team_user_statuses_list" id="team_user_statuses_list">
									{{ forms.html_multioptions(roles, team.roles) }}
								</select>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

