Calls

<table>
    <tpl if="recordstate == '2'">
      <tr><td colspan=2><div class="call-partial-record">Partial record (license limit)!</div></td></tr>
    </tpl>
    <tr><td colspan=2><h3 class="call-data-group">Date/Time</h3></td></tr>
    <tr><td class="call-data-title">Date</td><td nowrap class="call-data-value">{setuptime:date("D, M d, Y")}</td></tr>
    <tpl if="setuptime.getElapsed(connecttime) != 0">
			<tr><td class="call-data-title">Start Time</td><td class="call-data-value">{setuptime:date("H:i:s")}</td></tr>
		</tpl>
    <tr><td class="call-data-title">Connect Time</td><td class="call-data-value">{connecttime:date("H:i:s")}</td></tr>
    <tr><td class="call-data-title">Disconnect Time</td><td class="call-data-value">{disconnecttime:date("H:i:s")}</td></tr>
    <tr><td class="call-data-title">Duration</td><td class="call-data-value">{duration:date("G:i:s")}</td></tr>
  </table>
  <div class="call-caller-data">
    <table>
      <tr><td colspan=2><h3 class="call-data-group">Caller Party</h3></td></tr>
      <tr><td nowrap class="call-data-title">Number</td><td nowrap class="call-data-value">{callernumber}</td></tr>
      <tr><td nowrap class="call-data-title">Name</td><td nowrap class="call-data-value">{callername}</td></tr>
      <tr><td nowrap class="call-data-title">Id</td><td nowrap class="call-data-value">{callerid}</td></tr>
      <tr><td nowrap class="call-data-title">Ip-address (port)</td><td nowrap class="call-data-value">{callerip} ({callerport})</td></tr>
      <tr><td nowrap class="call-data-title">MAC-address</td><td nowrap class="call-data-value">{callermac}</td></tr>
      <tpl if="callerdns != ''">
        <tr><td nowrap class="call-data-title">DNS</td><td nowrap class="call-data-value">{callerdns}</td></tr>
 			</tpl>
    </table>
  </div>
  <div class="call-callee-data">
    <table>
      <tr><td colspan=2><h3 class="call-data-group">Called Party</h3></td></tr>
      <tr><td nowrap class="call-data-title">Number</td><td nowrap class="call-data-value">{calleenumber}</td></tr>
      <tr><td nowrap class="call-data-title">Name</td><td nowrap class="call-data-value">{calleename}</td></tr>
      <tr><td nowrap class="call-data-title">Id</td><td nowrap class="call-data-value">{calleeid}</td></tr>
      <tr><td nowrap class="call-data-title">Ip-address (port)</td><td nowrap class="call-data-value">{calleeip} ({calleeport})</td></tr>
      <tr><td nowrap class="call-data-title">MAC-address</td><td nowrap class="call-data-value">{calleemac}</td></tr>
      <tpl if="calleedns != ''">
        <tr><td nowrap class="call-data-title">DNS</td><td nowrap class="call-data-value">{calleedns}</td></tr>
 			</tpl>
    </table>
  </div>
  
  <tpl if="transfer_from_number != '' || transfer_from_name != '' || transfer_from_id != ''">
		<div class="call-callee-data">
      <table>
        <tr><td colspan=2><h3 class="call-data-group">Transferred From</h3></td></tr>
        <tr><td nowrap class="call-data-title">Number</td><td nowrap class="call-data-value">{transfer_from_number}</td></tr>
        <tr><td nowrap class="call-data-title">Name</td><td nowrap class="call-data-value">{transfer_from_name}</td></tr>
        <tpl if="transfer_from_id != ''">
          <tr><td nowrap class="call-data-title">Id</td><td nowrap class="call-data-value">{transfer_from_id}</td></tr>
				</tpl>
      </table>
    </div>
	</tpl>

<tpl if="transfer_to_number != '' || transfer_to_name != '' || transfer_to_id != ''">
		<div class="call-callee-data">
      <table>
        <tr><td colspan=2><h3 class="call-data-group">Transferred To</h3></td></tr>
        <tr><td nowrap class="call-data-title">Number</td><td nowrap class="call-data-value">{transfer_to_number}</td></tr>
        <tr><td nowrap class="call-data-title">Name</td><td nowrap class="call-data-value">{transfer_to_name}</td></tr>
        <tpl if="transfer_to_id != ''">
          <tr><td nowrap class="call-data-title">Id</td><td nowrap class="call-data-value">{transfer_to_id}</td></tr>
			  </tpl>
      </table>
    </div>
	</tpl>

<table>
  	<tr>
  		<td valign="top">
	      <table>
			    <tpl if="recordstate == '2'">
			      <tr><td colspan=2><div class="call-partial-record">Partial record (license limit)!</div></td></tr>
			    </tpl>
			    <tr><td colspan=2><h3 class="call-data-group">Date/Time</h3></td></tr>
	        <tr><td class="call-data-title">Date</td><td nowrap class="call-data-value">{setuptime:date("D, M d, Y")}</td></tr>
	        <tpl if="setuptime.getElapsed(connecttime) != 0">
	  				<tr><td class="call-data-title">Start Time</td><td class="call-data-value">{setuptime:date("H:i:s")}</td></tr>
					</tpl>
	        <tr><td class="call-data-title">Connect Time</td><td class="call-data-value">{connecttime:date("H:i:s")}</td></tr>
	        <tr><td class="call-data-title">Disconnect Time</td><td class="call-data-value">{disconnecttime:date("H:i:s")}</td></tr>
	        <tr><td class="call-data-title">Duration</td><td class="call-data-value">{duration:date("G:i:s")}</td></tr>
	      </table>
  		</td>
  		<td valign="top">
		    <div class="call-caller-data">
		      <table>
		        <tr><td colspan=2><h3 class="call-data-group">Caller Party</h3></td></tr>
		        <tr><td nowrap class="call-data-title">Number</td><td nowrap class="call-data-value">{callernumber}</td></tr>
		        <tr><td nowrap class="call-data-title">Name</td><td nowrap class="call-data-value">{callername}</td></tr>
		        <tr><td nowrap class="call-data-title">Id</td><td nowrap class="call-data-value">{callerid}</td></tr>
		        <tr><td nowrap class="call-data-title">Ip-address (port)</td><td nowrap class="call-data-value">{callerip} ({callerport})</td></tr>
		        <tr><td nowrap class="call-data-title">MAC-address</td><td nowrap class="call-data-value">{callermac}</td></tr>
		        <tpl if="callerdns != ''">
			        <tr><td nowrap class="call-data-title">DNS</td><td nowrap class="call-data-value">{callerdns}</td></tr>
		   			</tpl>
		      </table>
		    </div>
  		</td>
  		<td valign="top">
		    <div class="call-callee-data">
		      <table>
		        <tr><td colspan=2><h3 class="call-data-group">Called Party</h3></td></tr>
		        <tr><td nowrap class="call-data-title">Number</td><td nowrap class="call-data-value">{calleenumber}</td></tr>
		        <tr><td nowrap class="call-data-title">Name</td><td nowrap class="call-data-value">{calleename}</td></tr>
		        <tr><td nowrap class="call-data-title">Id</td><td nowrap class="call-data-value">{calleeid}</td></tr>
		        <tr><td nowrap class="call-data-title">Ip-address (port)</td><td nowrap class="call-data-value">{calleeip} ({calleeport})</td></tr>
		        <tr><td nowrap class="call-data-title">MAC-address</td><td nowrap class="call-data-value">{calleemac}</td></tr>
		        <tpl if="calleedns != ''">
			        <tr><td nowrap class="call-data-title">DNS</td><td nowrap class="call-data-value">{calleedns}</td></tr>
		   			</tpl>
		      </table>
		    </div>
  		</td>
	    <tpl if="transfer_from_number != '' || transfer_from_name != '' || transfer_from_id != ''">
				<td valign="top">
					<div class="call-callee-data">
			      <table>
			        <tr><td colspan=2><h3 class="call-data-group">Transferred From</h3></td></tr>
			        <tr><td nowrap class="call-data-title">Number</td><td nowrap class="call-data-value">{transfer_from_number}</td></tr>
			        <tr><td nowrap class="call-data-title">Name</td><td nowrap class="call-data-value">{transfer_from_name}</td></tr>
		          <tpl if="transfer_from_id != ''">
			          <tr><td nowrap class="call-data-title">Id</td><td nowrap class="call-data-value">{transfer_from_id}</td></tr>
		  				</tpl>
			      </table>
		      </div>
				</td>
			</tpl>
	    <tpl if="transfer_to_number != '' || transfer_to_name != '' || transfer_to_id != ''">
				<td valign="top">
					<div class="call-callee-data">
			      <table>
			        <tr><td colspan=2><h3 class="call-data-group">Transferred To</h3></td></tr>
			        <tr><td nowrap class="call-data-title">Number</td><td nowrap class="call-data-value">{transfer_to_number}</td></tr>
			        <tr><td nowrap class="call-data-title">Name</td><td nowrap class="call-data-value">{transfer_to_name}</td></tr>
		          <tpl if="transfer_to_id != ''">
			          <tr><td nowrap class="call-data-title">Id</td><td nowrap class="call-data-value">{transfer_to_id}</td></tr>
						  </tpl>
			      </table>
		      </div>
				</td>
			</tpl>
  	</td>
  </table>