<?php 	if( $this->selectedSIPAccount !== null ) : ?>
<div class="incoming-call" style="display:none;">
	<div class="phoneCallStatus displayNone" style="display:inline;"><b>Incoming Call</b></div>
	<span id="" class="mini-drop">
		<ul id="jsddm">
			<li class="mini-dial-drop"><a href="#">&nbsp;</a>
				<ul id='menuOptions' class="menu_drop_more_dialpad menu_drop_more_viewmsgs">
					<li><a href="#" class="buttonDialpadShowHide"><?php print $this->translate('Show Dialpad')?></a></li>
				</ul>
			</li>
		</ul>
	</span>
	<span class="buttonDialpadShowHide"></span>
	<br />
	<div class="call-detail">
		<div class="photo">
			<img class="phoneRemoteImg" src="<?php echo $this->siteBaseUrl . 'images/themes/' . $this->UserSettings['cssStyleTheme'] . '/contact-photo.png' ?>" />
		</div>
		<div class="caller-details" style="left: 74px; position: absolute; text-align: left; top: 30px;">
			<div class="phoneRemoteName incall-name">Unknown</div>
			<div class="phoneRemoteNumber incall-no">0000000</div>
			<div class="phoneCallStatus2 status-text2 displayNone">Caller 2</div>
		</div>
		<div class="jsTransfer displayNone">
			<input type="text" class="phoneTransferInput" placeholder="Enter a number or SIP ID" style="width:75px;" />
			<input class="buttonTransfer" type="button" value="Transfer" />
			<input class="buttonTransferCancel" type="button" value="Cancel" />
		</div>
		<ul class="incoming-btns">
			<li title="Answer" class="buttonAnswer"><span><strong>Answer</strong></span></li>
			<li title="Ignore" class="buttonIgnore"><span><strong>Ignore</strong></span></li>
			<?php /* <li title="Busy" class="buttonBusy"><span><strong>Busy</strong></span></li> */ ?>
		</ul>
	</div>
	<div class="btm-grad"></div>
</div>

<div class="call-connected" style="display:none;">
	<div class="phoneCallStatus displayNone" style="display:inline;"><b>Connected</b></div> <img class="callQuality" width="20" height="14" src="<?php echo $this->siteBaseUrl ?>images/webphone/trans.png" border="0"/>
	<span id="" class="mini-drop">
		<ul id="jsddm">
			<li class="mini-dial-drop"><a href="#">&nbsp;</a>
				<ul id='menuOptions' class="menu_drop_more_dialpad menu_drop_more_viewmsgs">
					<li><a href="#" class="buttonDialpadShowHide"><?php print $this->translate('Show Dialpad')?></a></li>
				</ul>
			</li>
		</ul>
	</span>
	<span class="buttonDialpadShowHide"></span>
	<div class="phoneTimer incall-time" style="display:inline">00</div>
	<img class="call-wait" src="<?php echo $this->siteBaseUrl ?>images/webphone/call-wait.gif" style="display:none;"/>
	<br />
	<div class="call-detail">
		<div class="photo">
			<img class="phoneRemoteImg" src="<?php echo $this->siteBaseUrl . 'images/themes/' . $this->UserSettings['cssStyleTheme'] . '/contact-photo.png' ?>" />
		</div>
		<div class="caller-details" style="left: 74px; position: absolute; text-align: left; top: 30px;">
			<div class="phoneRemoteName incall-name">Unknown</div>
			<div class="phoneRemoteNumber incall-no">0000000</div>
			<div class="phoneCallStatus2 status-text2 displayNone">Caller 2</div>
		</div>
		<div class="jsTransfer displayNone">
			<input type="text" class="phoneTransferInput" placeholder="Enter a number or SIP ID" style="width:75px;" />
			<input class="buttonTransfer" type="button" value="Transfer" />
			<input class="buttonTransferCancel" type="button" value="Cancel" />
		</div>
		<ul class="closeButtonUnit MuteUnmute">
			<li title="Mute" class="buttonMuteUnmute" muted="false"><a><span><strong>Mute</strong></span></a></li>
			<li title="End Call" class="buttonEnd"><a><span><strong>End Call</strong></span></a></li>
		</ul>
		<ul class="abookButtonUnit"  style="display:none;">
			<li title="Redial" class="buttonRedial"><a><span><strong>Redial</strong></span></a></li>
			<li title="Close" class="buttonClose"><a><span><strong>Close</strong></span></a></li>
			<li title="Add your contact into the abook" class="buttonAddContact"><a><span><strong>Add</strong></span></a></li>
		</ul>
	</div>
	<div class="btm-grad"></div>
</div>

<div class="call-dialpad" style="display:none;">
	<span id="" class="mini-drop">
		<ul id="jsddm">
			<li class="mini-dial-drop"><a href="#">&nbsp;</a>
				<ul id='menuOptions' class="menu_drop_more_dialpad menu_drop_more_viewmsgs">
					<li><a href="#" class="buttonDialpadShowHide"><?php print $this->translate('Hide Dialpad')?></a></li>
				</ul>
			</li>
		</ul>
	</span><span class="buttonDialpadShowHide"></span>
	<img class="dialpad-numberpad" src='<?php echo $this->siteBaseUrl ?>images/webphone/dial-pad.png'/>
	<div class="call-dialpadDetails incall" style="position: absolute; top: 9px;">
		<div class="callStatus incall" style="display:inline;"><?php print $this->translate('In call') ?></div>
		<img class="callQuality incall" width="20" height="14" src="<?php echo $this->siteBaseUrl ?>images/webphone/trans.png" border="0"/>
		<div class="phoneTimer incall-time" style="display:inline;">00</div>
		<div class="phoneRemoteName" style="display: none;">00000000</div>
		<div class="phoneRemoteNumber" style="display: none;">00000000</div>
	</div>
	<div class="call-dialpadButtons incall MuteUnmute">
		<ul class="closeButtonUnit MuteUnmute">
			<li title="Mute" class="buttonMuteUnmute" muted="false"><a><span><strong>Mute</strong></span></a></li>
			<li title="End Call" class="buttonEnd"><a><span><strong>End Call</strong></span></a></li>
		</ul>
	</div>
	<div class="call-dialpadDialInput">
		<div style="position: absolute; top: 11px; width: 160px;">
			<span class="callStatus" style="font-weight: bold;"><?php print $this->translate('Make a Call') ?></span>
			<img class="callQuality" width="20" height="14" src="<?php echo $this->siteBaseUrl ?>images/webphone/trans.png" border="0"/>
		</div>
		<input type="text" class="phoneMiniDialInput" placeholder="Enter a number or name"/>
		<ul style="margin: 0;">
			<li class="phoneMiniDialButton" title='<?php print $this->translate('Call')?>'><a><span><strong><?php print $this->translate('Call')?></strong></span></a></li>
		</ul>
	</div>

	<div class="btm-grad"></div>
</div>

<div class="phoneMiniDial">
	<b class="makeACall"><?php print $this->translate('Make a Call') ?><?php /* <a href="#" onclick="$phone.showSettingsUICallback()" style="text-decoration:none;color:#000;">.</a> */ ?></b>
	<img class="callQuality" width="20" height="14" src="<?php echo $this->siteBaseUrl ?>images/webphone/trans.png" border="0"/>
	<span id="" class="mini-drop">
		<ul id="jsddm">
			<li class="mini-dial-drop"><a href="#">&nbsp;</a>
				<ul id='menuOptions' class="menu_drop_more_dialpad menu_drop_more_viewmsgs">
					<li><a href="#" class="buttonDialpadShowHide"><?php print $this->translate('Show Dialpad')?></a></li>
				</ul>
			</li>
		</ul>
	</span>
	<span id="demo-connected-call" class="buttonDialpadShowHide"></span>
	<input type="text" class="phoneMiniDialInput" placeholder="Enter a number or name" />
	<ul style="margin: 0;">
		<li class="phoneMiniDialButton" title='<?php print $this->translate('Call')?>'><a><span><strong><?php print $this->translate('Call')?></strong></span></a></li>
	</ul>
	<div class="btm-grad"></div>

</div>

<div class="phoneOptions" style="display:none;">
	<ul class="incoming-btns" style="list-style: none;">
		<?php /* <li title="Transfer" class="buttonDDBusy"><span><strong>Transfer</strong></span></li> */ ?>
		<li title="Ignore" class="buttonDDIgnore"><span><strong>Ignore</strong></span></li>
		<?php /* <li title="Busy" class="buttonDDBusy"><span><strong>Busy</strong></span></li> */ ?>
		<?php /* <li title="Shift" class="buttonDDBusy"><span><strong>Shift</strong></span></li> */ ?>
		<?php /* <li title="Hold" class="buttonDDBusy"><span><strong>Hold</strong></span></li> */ ?>
	</ul>
	<div class="btm-grad"></div>
</div>
<?php 	else : ?>
<div class="phoneMiniDial">
	This interface must always have a linked SIP account for Webphone to work.
</div>
<?php 	endif ?>