var respond_template = `
	<style>

			.msg_box{
				background-color: #dce0e3;
				padding: 1rem;
				margin-top: 1rem;
				border-radius: 10px;
				color: #000000a8;
			}

			.msg{
				font-size: 1.1rem;
				font-weight: bold;
				margin: 0 !important;
			}

			.msg_user_time{
				font-style: italic;
				font-size: 0.9rem;
				margin: 0 !important;
				float: left;
			}

			.input_comment{
				width: 100%;
				border-radius: 0.4rem;
			}


			#select2-select_project-container{
				color: #212529;
				font-size: 1rem;
			}
	</style>

	<div class="container-fluid">

		<div>

			<label class="mt-2" for="select_project">Projekt:</label>

			<div>
				<select class="" id="select_project" onchange="display_new_project();" style="width: 100%;">
					{{@each(it.project_array) => val, index}}
							<option value=""></option>
						{{@if(it.project_nr == val.Number)}}
				  		<option value="{{val.Number}}" selected>{{val.Number}}</option>
						{{#else}}
							<option value="{{val.Number}}">{{val.Number}}</option>
						{{/if}}

					{{/each}}

				</select>
			</div>

			<div class="form-group">
		    <label class="mt-2" for="admin_name">Ihr Name:</label>
		    <input type="text" class="form-control" id="admin_name" placeholder="Name eingeben">
		  </div>

			<label class="mt-4" for="select_project">Nachricht: <i>(Kunden im Projekt können mit @ erwähnt werden)</i></label>
			<textarea class="form-control mt-1" id="input_comment_element" rows="3"></textarea>

			<button id="save_comment_btn" class="btn btn-primary mt-2" onclick="save_comment()">Senden</button>
		</div>

		<hr>

		<div id="old_messages_div" class="mt-1 mb-5">

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

				<div class="msg_box">
					<p class="msg">{{val[0]  | safe }}</p>
					<p><span class="msg_user_time mt-1">{{val[1]}} &nbsp;Am: {{val[3]}}</span> </p>
				</div>

			{{/each}}

		</div>

	</div>


<script>

	$("#admin_name").val(decodeURI("{{it.concepture_pm}}"));

	function save_comment(){

		$("#save_comment_btn").text("Speichere...warten...");

		var read_msg = $("#input_comment_element").val();

		$.post("/save_comment_admin", { page: "{{it.project_nr}}",  msg: read_msg , secret: "{{it.secret}}" , name: $("#admin_name").val() })
			.done(function( data ) {
				setTimeout(function(){window.location.reload(); }, 500);
			});
	}

	function display_new_project(){
		var new_project_id = $("#select_project").val();
		window.location = "#respond:"+new_project_id+":{{it.secret}}"+":"+ $("#admin_name").val()
	}

	$('#select_project').select2({theme: 'bootstrap'});
</script>

`;