<? global $vis_language; ?>
<section id="breadcrumb" class="row m-b m-l-none m-r-none"> 
  <div class="col-sm-6">
    <h3 class="m-b-xs text-black"><? echo $vis_language['TXTCALLDETAILS'];?></h3>
    <ul class="breadcrumb bg-empty no-border m-b-xxs no-padder">
      <li><a class="link" href="#/home/quick_view/<? echo $vis_language['TXTHOME']; ?>"><? echo $vis_language['TXTHOME'];?></a></li>
      <li><a class="link" href="#/voip/exotel_call/<? echo $vis_language['TXTEXOTEL'];?>"><? echo $vis_language['TXTEXOTEL'];?></a></li>
      <li><? echo $vis_language['TXTCALLDETAILS'];?></li>
    </ul>
  </div>
</section>
<section class="padder">
  <section class="panel panel-default">
    <div class="wrapper-sm">
	 
      <div class="btn-group">
        <div class="form-group">
          <h5><? echo $vis_language['TXTCALLDETAILS'];?></h5>
        </div>
      </div>	  
	
	  
	  
    <div class="line b-b line-lg pull-in"></div>
    </div>
    <div class="row m-t">
      <div class="col-md-6">
		<div id="created_session_link">
        <div class="row m-b-sm"> <span class="col-xs-3 text-right"><? echo $vis_language['TXTFROM'];?> :</span>
          <div class=" col-xs-9 text-lt text-muted"><? echo $call_details['Call']['From'];?></div>
        </div>
        <div class="row m-b-sm"> <span class="col-xs-3 text-right"><? echo $vis_language['TXTTO'];?> :</span>
          <div class=" col-xs-9 text-lt text-muted"><? echo $call_details['Call']['To'];?></div>
        </div>
        <div class="row m-b-sm"> <span class="col-xs-3 text-right"><? echo $vis_language['TXTSTARTDATE'];?> :</span>
          <div class=" col-xs-9 text-lt text-muted"><? echo format_datetime(strtotime($call_details['Call']['StartTime'])); ?></div>
        </div>
        <div class="row m-b-sm"> <span class="col-xs-3 text-right "><? echo $vis_language['TXTENDDATE'];?> :</span>
          <div class=" col-xs-9 text-lt text-muted"><? echo format_datetime(strtotime($call_details['Call']['EndTime'])); ?></div>
        </div>
         <div class="row m-b-sm"> <span class="col-xs-3 text-right "><? echo $vis_language['TXTDURATION'];?> :</span>
          <div class=" col-xs-9 text-lt text-muted"><? echo $call_details['Call']['Duration'].' '.$vis_language['TXTSECONDS'];?></div>
        </div>
      
	  <div class="row m-b-sm"> <span class="col-xs-3 text-right"><? echo $vis_language['TXTPRICE'];?> :</span>
          <div class=" col-xs-9 text-lt text-muted"><? echo $call_details['Call']['Price'];?></div>
        </div>
        
        <div class="row m-b-sm"> <span class="col-xs-3 text-right"><? echo $vis_language['TXTDIRECTION'];?> :</span>
          <div class=" col-xs-9 text-lt text-muted"><? echo $call_details['Call']['Direction'];?></div>
        </div>
        <div class="row m-b-sm"> <span class="col-xs-3 text-right"><? echo $vis_language['TXTSTATUS'];?> :</span>
          <div class=" col-xs-9 text-lt text-muted"><? echo $call_details['Call']['Status'];?></div>
        </div>
       <?php if($call_details['Call']['RecordingUrl'] !='' && !is_array($call_details['Call']['RecordingUrl'])){ ?>
        <div class="row m-b-sm"> <span class="col-xs-3 text-right"><? echo $vis_language['TXTRECORDING'];?> :</span>
          <div class=" col-xs-9 text-lt text-muted"><audio src="<?php echo $call_details['Call']['RecordingUrl']; ?>" controls preload="auto" autobuffer ></audio></div>
        </div>
		<?php }  ?>
        </div>
        <div class="row m-b-sm"> </div>
       <div class="row m-b-sm"> <span class="col-xs-3 text-right"></span>
          <div class=" col-xs-9 text-lt text-muted"> <!--<button type="button" class="btn btn-primary" onclick="SelectText('created_session_link')"><?// echo $vis_language['TXTCOPYTOCLIPBOARD']; ?></button> -->
		  
		  <a href="javascript:void(0);" class="btn btn-primary" data-toggle="ajaxModal" data-modal-arguments="vis_module=ticket&vis_operation=new_ticket_step_one&vis_static_area=vis_open_new_dialog&vis_chat_type=exotel&vis_email_id=<? echo $call_details['Call']['To']; ?>&vis_domain_id=<? echo $vis_domain; ?>&vis_chat_id=<? echo $call_sid; ?>" onclick="" ><? echo $vis_language['TXTCONVERTTOTICKET']; ?></a>
		  </div>
        </div>
      </div>

      <div class="col-md-6"></div>
    </div>
  </section>
</section>
<script>
function SelectText(element) {
    var doc = document
        , text = doc.getElementById(element)
        , range, selection
    ;
    if (doc.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();
        range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

</script>
