var team_template = `

	<div class="container-fluid">

		<div class="row">

		</div>

			<p class="mb-4">Sie können Kollegen und externe Bearbeiter zu Ihren Projekten hinzufügen, indem Sie einen neuen Benutzer anlegen. Bitte teilen Sie Projektdaten nur mit Berechtigten Ihres Unternehmens.</p>


			<div class="mb-4">
					<button class="btn btn-primary" onclick="show_invite_dialog();">Team erweitern</button>
			</div>


			<div class="row">
				{{@if(it.team_array != "")}}

						{{@each(it.team_array) => val, index}}

							<div class="card mb-2" style="width: 20em">
								<div style="height:10em" class="d-flex align-items-center justify-content-center">
									<img src="/get_user_img?id={{val[1]}}" alt="User Image" style="max-height:10em;max-width:10em;width: 100%;">
								</div>
								<div class="card-body">
									<h5 class="card-title">{{val[0]}}</h5>
									<!--<p class="card-text">{{val[1]}}</p> E-Mail Adresse-->
								</div>
							</div>

						{{/each}}
				{{/if}}

			</div>

  </div>


<script>

function copy_link(){

	bootbox.hideAll();

	setTimeout(function() {
		navigator.clipboard.writeText("{{it.invite_link}}").then(function() {
				bootbox.alert('Link erfolgreich in die Zwischenablage kopiert!');
		}).catch(function(err) {

			bootbox.alert({
				message: 'Konnte den Link nicht kopieren! Bitte händisch kopieren.',
				callback: function (){show_invite();}
			});

		});

	}, 250);
}

function show_invite_dialog(){

	bootbox.dialog({

	title: 'Einladen',
	message:  '<p>Teilen Sie den folgenden Link mit ihrem Kollegen:</p> <p><i style="word-break: break-all;" >{{it.invite_link}}</i></p><button class="btn btn-primary" onclick="copy_link();">Link kopieren</button>',
	size: 'large',
	buttons: {
		ok: {
			label: "Schließen",
			className: 'btn-secondary',
			callback: function(){
				return true;
			}
		}
	}
	});

}
</script>
`;