var show_all_users_company_template = `

	<style>

	</style>


	<div class="container">

		<div class="mt-5">
			<p>Hier werden alle Benutzer der Firma <i><b>{{it.company_name}}</b></i> aufgelistet. Neue Benutzer für diese Firma müssen hier hinzugefügt werden, nicht in Books.</p>
		</div>

		<div class="d-flex justify-content-between align-items-center mt-5 mb-5">

		  <button onclick="add_user();" class="btn btn-primary">
		    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
		         class="bi bi-plus-circle" viewBox="0 0 16 16">
		      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
		      <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/>
		    </svg>
		    &nbsp;Benutzer hinzufügen
		  </button>

		  <a href="https://feuerwehr-laufkarte.eu/app#respond:0:a7f69a799d7fcc416611a7ecba6ceb719fa509cf75e3bda725a773386cbabfd5:Concepture"
		     target="_blank"
		     class="btn btn-primary"
		     tabindex="-1"
		     role="button"
		     aria-disabled="true">

				 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-dots" viewBox="0 0 16 16">
  <path d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/>
  <path d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9 9 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.4 10.4 0 0 1-.524 2.318l-.003.011a11 11 0 0 1-.244.637c-.079.186.074.394.273.362a22 22 0 0 0 .693-.125m.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6-3.004 6-7 6a8 8 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a11 11 0 0 0 .398-2"/>
</svg>

		    FLK.eu Chat
		  </a>

		</div>



		<table class="table">
				<thead>
					<tr>
						<th scope="col">E-Mail</th>
						<th scope="col">Vorname</th>
						<th scope="col">Nachname</th>
						<th scope="col">Aktion</th>
					</tr>
				</thead>
				<tbody>
					<tr>

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

								<th scope="row">
									<span>{{val.email}}</span>
							 </th>

								<td>{{val.first_name}}</td>
								<td>{{val.last_name}}</td>

								<td>
								  <div class="d-flex align-items-center justify-content-between">

								    <a href="{{val.admin_link}}"
								       target="_blank"
								       class="btn btn-primary"
								       tabindex="-1"
								       role="button"
								       aria-disabled="true">
								      FLK.eu Ansicht
								    </a>

								    <button class="btn btn-primary"
								            onclick="reset_pass('{{val.email}}' , '{{val.id}}')">
								      FLK.eu Passwort zurücksetzen
								    </button>

								    <button class="btn btn-danger btn-sm"
								            onclick="confirm_delete('{{val.id}}')">
								      <i class="bi bi-trash"></i> Löschen
								    </button>

								  </div>
								</td>

							</tr>

						{{/each}}

				</tbody>
		</table>

</div>


<div id="new_user_dialog_html" style="display:none">
	<b>Mail</b>: <input id="new_mail" class="form-control" type="text" placeholder="max@test.de..">
	<b>Vorname</b>: <input id="new_first_name" class="form-control" type="text" placeholder="Max">
	<b>Nachname</b>: <input id="new_last_name" class="form-control" type="text" placeholder="Mustermann">
	<hr>
		<div class="d-flex">
		<b>Passwort</b>: <input id="new_pass" class="form-control ms-2" type="text" placeholder="Eingeben oder generieren lassen"> <button class="btn btn-primary ms-2" onclick="gen_pass('new_pass')">Generien</button>
		</div>
	<hr>
	Telefon (optional): <input id="new_phone" class="form-control" type="text">
	Mobile (optional): <input id="new_mobile" class="form-control" type="text">
</div>


<div id="reset_pass_dialog" style="display:none">
		<div class="mt-3 mb-3">
				<div class="input-group">
						<input type="text" class="form-control" id="new_pass_reset" placeholder="Neues Passwort">
						<button class="btn btn-outline-secondary" type="button" id="generatePassword" onclick="gen_pass('new_pass_reset');">Zufälliges Passwort</button>
				</div>
		</div>
		<div class="mb-3 form-check">
				<input type="checkbox" class="form-check-input" id="notify_user">
				<label class="form-check-label" for="notifyUser">Benutzer per Mail über neues Passwort informieren</label>
		</div>
</div>


<script>

	function reset_pass(in_mail , in_user_id){

		bootbox.confirm({
				title: 'Passwort zurücksetzen',
				message: $("#reset_pass_dialog").html(),
				buttons: {
						cancel: {
								label: '<i class="fa fa-times"></i> Abbrechen'
						},
						confirm: {
								label: '<i class="fa fa-check"></i> Zurücksetzten'
						},
				},
				callback: function (result) {

						if( result == true ){

							var should_inform_user = "0";
							if ($(".modal.show #notify_user").is(":checked")) {
								should_inform_user = "1";
							}

							$.post("/admin_reset_password", {
								 mail: in_mail,
								 id : in_user_id,
								 inform_user : should_inform_user,
								 new_pass: $(".modal.show #new_pass_reset").val(),
								 adminpass: "{{it.pass}}"
						 }, function(response) {
							 bootbox.alert("Passwort aktualisiert!", function() {
									 window.location.reload();
							 });
						 });

						}

				}
		});


	}

	function gen_pass(in_target_elem){

		const chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
		let pass = "";

		for (let i = 0; i < 10; i++) {
				pass += chars.charAt(Math.floor(Math.random() * chars.length));
		}

		$(".modal.show #"+in_target_elem).val(pass);
	}

	function add_user(){

		bootbox.confirm({
		    title: 'Benutzer hinzufügen?',
		    message: $("#new_user_dialog_html").html(),
		    buttons: {
		        cancel: {
		            label: '<i class="fa fa-times"></i> Abbrechen'
		        },
		        confirm: {
		            label: '<i class="fa fa-check"></i> Hinzufügen'
		        }
		    },
		    callback: function (result) {

		        if( result == true ){

						 var mail =  $(".modal.show #new_mail").val();
						 var first_name = $(".modal.show #new_first_name").val();
						 var last_name  = $(".modal.show #new_last_name").val();
						 var pass = $(".modal.show #new_pass").val();
						 var phone = $(".modal.show #new_phone").val();
						 var mobile = $(".modal.show #new_mobile").val();

						 $.post("/admin_add_user?id={{it.company_id}}", {
							  mail : mail,
								first_name: first_name,
								last_name: last_name,
								pass: pass,
								phone: phone,
								mobile: mobile,
								adminpass: "{{it.pass}}"
						}, function(response) {
							bootbox.alert("Angelegt! Der neue Benutzer erhält automatisch eine E-Mail mit seinen Zugangsdaten!", function() {
					        window.location.reload();
					    });
						});


		        }

		    }
		});

	}

	function confirm_delete(in_id) {
	    if (confirm("Wirklich löschen?")) {
	        delete_user( in_id );
	    }
	}

	function delete_user(in_id) {

			$.get("/admin_delete_user", {
				id: in_id,
				pass: "{{it.pass}}",
			}, function(response) {
					bootbox.alert("Gelöscht!", function() {
							window.location.reload();
					});
			});

	}

</script>

`;