<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- Latest compiled and minified CSS -->
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
		<link rel="stylesheet" href="Luc_helper1.css">
		<!-- jQuery library -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<!-- Latest compiled JavaScript -->
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
		<script src="myJS.js"></script>

		<title>my Default SR Template</title>
	</head>
<body onLoad="OriginalTextsCopy()">
<div class="container">
<h1>my Default SR Template</h1>
		
<H5 data-toggle="collapse" data-target="#Template1" class="text-primary">Reporter Details / Call Template</h5>
<div id="Template1" class="collapse">
<div class="container">
<form id="frm1">
  <div class="input-group mb-3 input-group-sm">

	<div id="keep_tight_form_input">
	<input type="text" class="form-control" placeholder="Name" value="">
	<input type="text" class="form-control" placeholder="Phone" value="">
	<input type="text" class="form-control" placeholder="Email" value="">
	<input type="text" class="form-control" placeholder="Dept" value="">
	<input type="text" class="form-control" placeholder="SSR/EU/PSD/VENDOR/SSC-SDM/SSC-CE/IC/PSD-SSR">
	<input type="text" class="form-control" placeholder="PSD Ticket #" value="">
	<input type="text" class="form-control" placeholder="Reason For Call" value="">
	<input type="text" class="form-control" placeholder="Time of Call" value="">
	</div id="keep_tight_form_input">
  </div>
  <button onclick="myFunction1()" type="button" class="btn btn-primary">Gimme my Reporter Template</button>
  <button onclick="myFunctionReset1()" type="button" class="btn btn-secondary">Reset</button>
</form>
</div>


<div id="Template1TEXT" class="copycat" style="display:none;">
<h6> Reporter Details</h6>
<p>=========================<br>
Reporter Name: <br> 
Reporter Phone: Field2<br>
Reporter Email: Field3<br> 
Reporter Dept: Field4<br>
Reporter Role*: Field5<br>
Partner Service Desk Ticket Number: Field6<br>
Reason For Call: Field7<br>
Time of Call: Field8<br><br></p>
</div>

</div>

<h5  data-toggle="collapse" data-target="#Template2" class="text-primary">Service Request / Work Order Template</h5>
<div id="Template2" class="collapse">
<div class="container">

</div>

<script>

function myFunction2() {

  var T2xECDXXXXXXXX = document.getElementById("frm2").elements[0].value;
  var T2xNEWxSTATUSx = document.getElementById("frm2").elements[1].value;
  
  var str2 = document.getElementById("Template2TEXT").innerHTML ;
  var res2 = str2.replace(/ECDXXXXXXXX/g,T2xECDXXXXXXXX).replace(/xNEWxSTATUSx/g,T2xNEWxSTATUSx);
  document.getElementById("Template2TEXT").innerHTML = res2;
  }
  
function myFunctionReset2() {
document.getElementById("Template2TEXT").innerHTML = resetStr2;
}
</script>
<div id="Template2TEXT">
<h6>Affected End User Details</h6>
 <p>=========================<br>
 Name: <br>
 Phone number: <br>
 Email address: <br>
 UserID: Not Provided / non-fournis <br>
 Department: <br>
 Building / Floor / Room: Not Provided / non-fournis <br>
 Province / Territory / Region: Not Provided / non-fournis <br>
 Civic Address (Including City/Town): Not Provided / non-fournis <br>
 Preferred Language: English <br><br>
  Required Provisioning/Implementation Date & Time: <br>
 Server/Router/Device Name: Not Provided / non-fournis <br>
 Request/Description: <br><br>
 =====================COPIED FROM EMAIL======================<br><br>
 =======================END OF EMAIL=========================
</div>
</div>



</div>
</body>
</html>