
Ñ8`®"  ã               @   s   d  Z  d Z d S)u  
<html>
 <head>
  <style>
  
  span{
	display:inline-block;
	text-indent:1em;
  }
  
  #container{
	width:1000px;
	margin:auto;
  }
  
  th{
	background-color:#303030;
	color: #fedb00;
	/**/width:160px;
	height:35px;
	text-align:left;
	padding-left:5px;
}
td{
	border: 2px solid black;
	border-collapse:collapse;
	width:50%;

}
table,th{
	border: 2px solid black;
	border-collapse:collapse;
}

#header{
	background-color:#303030;
	margin:auto;
	width:100%;
	height:12%;
}

#main{
	/*height:65%;*/
	background-color:white;
	padding-bottom:20px;
}
#footer{
	height:120px;
	background-color:#303030;
	border-radius:15px;
}
#left{
	float:left;
	width:33.3%;
	height:100%;
}
#middle{
	float:left;
	width:38.3%;
	height:100%;
	text-align:left;
}
#right{
	float:left;
	text-align:left;
	font-size:15px;
	width:27.3%;
	height:100%;
	padding-left:10.2px;
}
#heading{
	background-color:#303030;
	height:100px;
	text-align:center;
	color:white;
	margin:auto;
	padding: 3%;
	font-size:15px;
	margin-top:25px;
	border-radius:20px;
	overflow:hidden;
	border: 2px solid black;
}
	
#table1{
	width:100%;
	/*height: 50%;*/
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
}	
#left-footer{
	padding-top:5%;
	float:left;
	width:40%;
	height:100%;
	color:white;
}

#right-footer{
	color:white;
	height:100%;
}
#right-top{
	padding-top:3%;
	height:30%;
	text-align:center;
	font-size:30px;
	width:100%;
	color:#fedb00;
}
#right-bottom{
	padding-left:10px;
	width:100%;
}

#outbound_tab{
	{out_visibility}
}

#inbound_tab{
	{in_visibility}
}


  </style>
  <title>Report1</title>
 </head>
 
 <body>
	<div id = "container">
	<div id = "main">
		<div id = "heading">
			<div id="left"><img src="https://api.quiits.com/templates/app_images/menetalk_logo.png"></img></div>
			<div id = "middle">
				<br>
				<span>Invoice number&nbsp:</span><span>{invoice_number}</span><br>
				<span>Date &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:</span><span>{invoice_date}</span><br>
				<span>Billing Period &nbsp&nbsp&nbsp&nbsp:</span><span>{invoice_period}<br>
			</div>
			<div id = "right">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Menetalk<br>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Snetterton Business Hub,<br>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Snetterton Park,<br>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Harling Road,<br>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Snetterton,<br>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Norfolk,<br>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;NR16 2JU<br>
			</div>
		</div>
		<div id = "table1">
			<table align = center width = "100%">
				<tr>
				<th colspan="3">Account Details</th>
				<!-- <th>h2</th><th>h3</th> -->
				</tr>
				
				<tr>
				<td>Account Number</td><td>{account_number}</td>
				</tr>
				<tr>
				<td>Customer Name</td><td>{account_name}</td>
				</tr>
				
			</table>
		</div>
		<div id = "table2">
        {did_and_plan}
		<table id= "inbound_tab" align = center width = "100%">
				<tr>
				<th colspan="3">Call Details</th>
				<!-- <th></th><th></th> -->
				</tr>
				<tr>
				<th colspan="3">Inbound</th>
				</tr>
				
				<tr>
				<td>Number of calls</td><td>{inbound_total}</td>
				</tr>
				<tr>
				<td>Number of answered calls</td><td>{inbound_answered}</td>
				</tr>
				<tr>
				<td>Total call duration (in mins)</td><td>{inbound_duration}</td>
				</tr>
				<!--<tr>
				<td>Total call cost (in GBP)</td><td>{inbound_cost}</td>
				</tr>-->
				<tr>
				<td style="text-align:right;"><b>Total Inbound Cost (in GBP)</b></td><td style="text-align:right;"><b>{inbound_cost}</b></td>
				</tr>
				
		</table>

		<table id = "outbound_tab" align = center width = "100%">
				<tr>
				<th colspan="3">Outbound</th>
				</tr>

				<tr>
				<td>Number of calls</td><td>{outbound_total}</td>
				</tr>
				<tr>
				<td>Number of answered calls</td><td>{outbound_answered}</td>
				</tr>
				<tr>
				<td>Total call duration (in mins)</td><td>{outbound_duration}</td>
				</tr>
				<!--<tr>				
				<td>Total call cost (in GBP)</td><td>{outbound_cost}</td>
				</tr>
				<tr>-->
				<td style="text-align:right;"><b>Total Outbound Cost (in GBP)</b></td><td style="text-align:right;"><b>{outbound_cost}</b></td>
				</tr>
		</table>
		<br>
			<table id = "total_tab" align = center width = "100%" style="border:none;">
				
				<tr>
				<!-- <th colspan="3" align="right">Total Cost : Â£ 10.50</th> -->
				<td style=" text-align:right;"><b>Total Call Cost</b></td>
				<td style=" text-align:right;"><b>&pound; {invoice_total}</b></td>
				</tr>
				{total_with_vat}
			</table>
			
			<br>
			
				<table id = "outbound_tab" align = center width = "100%">
				<tr>
				<th colspan="3">BANK DETAILS</th>
				</tr>

				<tr>
				<td>Account Name</td><td>Quiits Consulting Ltd.</td>
				</tr>
				<tr>
				<td>Account Number</td><td><b>53908143</b></td>
				</tr>
				<tr>
				<td>Sort Code</td><td><b>403509</b></td>
				</tr>
				<tr>
				<td>Bank Name</td><td>HSBC</td>
				</tr>
				<tr>
				<td>Bank Address</td><td>HSBC 18 London St, Norwich NR2 1LG, UK</td>
				</tr>
				<td>SWIFT Code</td><td>HBUKGB4108M</td>
				</tr>
				</tr>
				<td>IBAN</td><td>GB08HBUK40350953908143</td>
				</tr>				
		</table>
		</div>
	</div>
	<div id = "footer">
		<!-- <div id = "left-footer">
			Quiits Technologies<br>
			Address<br>
		</div> -->
		<div id = "right-footer">
			<div id = "right-top">Thank you for your business</div>
			<div id = "right-bottom">PAYMENT TERMS:<br>
			Total due amount should be paid within three days from the date of this invoice by bank transfer to account details above.
			</div>
		</div>
	</div>
</div>
 </body>
</html>
uU  <html>
 <head>
  <style>
  #container{
	width:60%;
	margin:auto;
  }
  
  th{
	background-color:#303030;
	color: white;
	/**/width:160px;
	height:35px;
}
td{
	border: 2px solid black;
	border-collapse:collapse;
	width:50%;

}
table,th{
	border: 2px solid black;
	border-collapse:collapse;
}

#header{
	background-color:#303030;
	margin:auto;
	width:100%;
	height:12%;
}

#main{
	/*height:65%;*/
	background-color:white;
	padding-bottom:20px;
}
#footer{
	height:25%;
	background-color:#303030;
}
#left-footer{
	float:left;
	width:33.3%;
	height:100%;
	/*background-color:cyan;*/
}
#middle-footer{
	float:left;
	width:33.3%;
	height:100%;
	/*background-color:white;*/
}
#right-footer{
	float:left;
	width:33.3%;
	height:100%;
	/*background-color:green;*/
}
#heading{
	background-color:#fedb00;
	height:3%;
	text-align:center;
	margin:auto;
	padding: 3%;
	font-size:20px;
}
	
#table1{
	width:100%;
	/*height: 50%;*/
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
}
  </style>
  <title>Report</title>
 </head>
 
 <body>
	<div id = "container">
	<div id = "header">
		<center><img src = "1.webp"></img></center>
	</div>
	<div id = "main">
		<div id = "heading"><b>MENETALK INVOICE</b></div>
		<div id = "table1">
			<table align = center width = "100%">
				<tr>
				<th colspan="3">Account Details</th>
				<!-- <th>h2</th><th>h3</th> -->
				</tr>
				<tr>
				<td>Account Number</td><td>{account_number}</td>
				</tr>
				<tr>
				<td>Customer Name</td><td>{account_name}</td>
				</tr>
			</table>
		</div>
		<div id = "table2">
		<table align = center width = "100%">
				<tr>
				<th colspan="3">Call Details</th>
				<!-- <th></th><th></th> -->
				</tr>
				<tr>
				<th colspan="3">Inbound</th>
				</tr>
				<tr>
				<td>Number of calls</td><td>{inbound_total}</td>
				</tr>
				<tr>
				<td>Number of answered calls</td><td>{inbound_answered}</td>
				</tr>
				<tr>
				<td>Total call duration (in mins)</td><td>{inbound_duration}</td>
				</tr>
				<tr>
				<td>Total call cost (in GBP)</td><td>{inbound_cost}</td>
				</tr>
				
				<tr>
				<th colspan="3">Outbound</th>
				</tr>
				<tr>
				<td>Number of calls</td><td>{outbound_total}</td>
				</tr>
				<tr>
				<td>Number of answered calls</td><td>{outbound_answered}</td>
				</tr>
				<tr>
				<td>Total call duration (in mins)</td><td>{outbound_duration}</td>
				</tr>
				<tr>
				<td>Total call cost (in GBP)</td><td>{outbound_cost}</td>
				</tr>
				
				<tr>
				<!-- <th colspan="3" align="right">Total Cost : Â£ 10.50</th> -->
				<td style="background-color:#303030; color:white; font-size:20px;"><b>Total Cost :</b></td>
				<td style="background-color:#303030; color:white; font-size:20px;"><b>Â£ 10.50</b></td>
				</tr>
				
			</table>
		</div>
	</div>
	<div id = "footer">
		<div id = "left-footer"></div>
		<div id = "middle-footer"></div>
		<div id = "right-footer"></div>
	</div>
</div>
 </body>
</html>
N)ÚTEMPLATE_INVOICEZTEMPLATE_CALL_REPORT_1© r   r   ú2/var/www/html/sampleapi.quiits.com/html_strings.pyÚ<module>  s   ž