@php
$config = DB::table('site_configs')->first();
$route = Request::route()->getName();
$rota = explode('.', $route);

// dd(session('ramal'));

$ramal = session('ramal')->name;
$servidor = session('ramal')->servidor;
$Url = $config->smallUrl;
$url = $servidor.".".$Url;
$url = $Url;
$senha = session('ramal')->secret;
$alias_name = session('ramal')->alias_name;

$_SESSION['logado'] = true;


@endphp


{{-- <div class="container"> --}}
  <div class="row-fluid">
    <div class="span4 well form-default" >
      <label style="width: 100%;" align="center" id="txtRegStatus">
      </label>
      <table style='width: 100%'>
        <tr><td><input type="text" style="width: 100%; height: 100%" id="txtDisplayName" value="" placeholder="e.g. John Doe" /></td></tr>
        <tr><td><input type="text" style="width: 100%; height: 100%" id="txtPrivateIdentity" value="" placeholder="e.g. +33600000000" /></td></tr>
        <tr><td><input type="text" style="width: 100%; height: 100%" id="txtPublicIdentity" value="" placeholder="e.g. sip:+33600000000@doubango.org" /></td></tr>
        <tr><td><input type="password" style="width: 100%; height: 100%" id="txtPassword" value="" /></td></tr>
        <tr><td><input type="text" style="width: 100%; height: 100%" id="txtRealm" value="" placeholder="e.g. doubango.org" /></td></tr>
        <tr><td colspan="2" align="right">
          <input type="button" class="btn btn-success" id="btnRegister" value="LogIn" disabled onclick='sipRegister();' />&nbsp;
        </td></tr>
      </table>
    </div>
    
    <div id="divCallCtrl" class="span12 well" style='display:table-cell; vertical-align:middle'>
      <span id="status_ramal" class="status_ramal"></span>
      <label style="width: 100%;" align="center" id="txtCallStatus"></label>
      <br />
      <table style='width: 100%;'>
        <tr>
          <td style="white-space:nowrap;">
            <input type="text" style="width: 100%; height:100%;" id="txtPhoneNumber" value="" placeholder="Nº Telefone" />
          </td>
        </tr>
        <tr>
          <td colspan="1" align="right">
            <br>
            
            <div class="btn-toolbar" style="margin: 0; vertical-align:middle">
              <div id="divBtnCallGroup" class="btn-group">
                <button id="btnCall" disabled class="btn btn-success btn-sm" >Discar</button>
              </div>&nbsp;&nbsp;
              <div class="btn-group">
                <input type="button" id="btnHangUp" class="btn btn-danger btn-sm" value="Encerrar" onclick='sipHangUp();' disabled />
              </div>
            </div>
            
            <br>
            
          </td>
        </tr>
        
        <tr>
          <td align='center' id="divBlock_details">
            <div id='divCallOptions' class='call-options' style='opacity: 1; margin-top: 0px'>
              
              
              <!-- <button onclick='sipToggleHoldResume();' class="btn btn-sm btn-info" id="btnHoldResume" type="submit"><i class="fa fa-pause" ></i> </button> -->
              <button onclick='sipToggleMute();' class="btn btn-sm btn-warning" id="btnMute" type="submit"><i class="fa fa-volume-up" ></i> </button>
              <button onclick='sipTransfer();' class="btn btn-sm btn-info" id="btnTransfer" type="submit"><i class="fa fa-random" ></i> </button>
              {{-- <button onclick='openKeyPad();' class="btn btn-sm btn-danger" id="btnKeyPad" type="submit"><i class="fa fa-keyboard" ></i> </button> --}}
            </div>
            
            <div id='divKeyPadFix' class='span2 well div-keypadFix'>
              <table style="width: 100%; height: 100%">
                <tr><td><input type="button" style="width: 33%" class="btn" value="1" onclick="sipSendDTMF('1');" /><input type="button" style="width: 33%" class="btn" value="2" onclick="sipSendDTMF('2');" /><input type="button" style="width: 33%" class="btn" value="3" onclick="sipSendDTMF('3');" /></td></tr>
                <tr><td><input type="button" style="width: 33%" class="btn" value="4" onclick="sipSendDTMF('4');" /><input type="button" style="width: 33%" class="btn" value="5" onclick="sipSendDTMF('5');" /><input type="button" style="width: 33%" class="btn" value="6" onclick="sipSendDTMF('6');" /></td></tr>
                <tr><td><input type="button" style="width: 33%" class="btn" value="7" onclick="sipSendDTMF('7');" /><input type="button" style="width: 33%" class="btn" value="8" onclick="sipSendDTMF('8');" /><input type="button" style="width: 33%" class="btn" value="9" onclick="sipSendDTMF('9');" /></td></tr>
                <tr><td><input type="button" style="width: 33%" class="btn" value="*" onclick="sipSendDTMF('*');" /><input type="button" style="width: 33%" class="btn" value="0" onclick="sipSendDTMF('0');" /><input type="button" style="width: 33%" class="btn" value="#" onclick="sipSendDTMF('#');" /></td></tr>
                {{-- <tr><td colspan=3><input type="button" style="width: 100%" class="btn btn-sm btn-success" value="Discar" onclick='sipCall("call-audio")' /></td></tr> --}}
                <tr><td colspan=3>
                  <input type="button" style="width: 50%" class="btn btn-sm btn-danger" value="Limpar" onclick="clean();" />
                  <input type="button" style="width: 50%" class="btn btn-sm btn-warning" value="Apagar" onclick="backSpace();" />
                </td></tr>
              </table>
            </div>
            
            <div>
              
            </div>
          </td>
        </tr>
      </table>
    </div>
  </div>
  
  <br />
  <footer>
    <object id="fakePluginInstance" classid="clsid:69E4A9D1-824C-40DA-9680-C7424A27B6A0" style="visibility:hidden;"> </object>
  </footer>
  {{-- </div> --}}
  <!-- /container -->
  <!-- Glass Panel -->
  <div id='divGlassPanel' class='glass-panel' style='visibility:hidden'></div>
  <!-- KeyPad Div -->
  <div id='divKeyPad' class='span2 well div-keypad' style="left:0px; top:0px; width:250; height:240; visibility:hidden">
    <table style="width: 100%; height: 100%">
      <tr><td><input type="button" style="width: 33%" class="btn" value="1" onclick="sipSendDTMF('1');" /><input type="button" style="width: 33%" class="btn" value="2" onclick="sipSendDTMF('2');" /><input type="button" style="width: 33%" class="btn" value="3" onclick="sipSendDTMF('3');" /></td></tr>
      <tr><td><input type="button" style="width: 33%" class="btn" value="4" onclick="sipSendDTMF('4');" /><input type="button" style="width: 33%" class="btn" value="5" onclick="sipSendDTMF('5');" /><input type="button" style="width: 33%" class="btn" value="6" onclick="sipSendDTMF('6');" /></td></tr>
      <tr><td><input type="button" style="width: 33%" class="btn" value="7" onclick="sipSendDTMF('7');" /><input type="button" style="width: 33%" class="btn" value="8" onclick="sipSendDTMF('8');" /><input type="button" style="width: 33%" class="btn" value="9" onclick="sipSendDTMF('9');" /></td></tr>
      <tr><td><input type="button" style="width: 33%" class="btn" value="*" onclick="sipSendDTMF('*');" /><input type="button" style="width: 33%" class="btn" value="0" onclick="sipSendDTMF('0');" /><input type="button" style="width: 33%" class="btn" value="#" onclick="sipSendDTMF('#');" /></td></tr>
      <tr><td colspan=3><input type="button" style="width: 100%" class="btn btn-medium btn-danger" value="close" onclick="closeKeyPad();" /></td></tr>
    </table>
  </div>
  <!-- Call button options -->
  <ul id="ulCallOptions" class="dropdown-menu" style="visibility:hidden">
    <li><a href="#" onclick='sipCall("call-audio");'>Audio</a></li>
    <li><a href="#" onclick='sipCall("call-audiovideo");'>Video</a></li>
    <li id='liScreenShare'><a href="#" onclick='sipShareScreen();'>Screen Share</a></li>
    <li class="divider"></li>
    <li><a href="#" onclick='uiDisableCallOptions();'><b>Disable these options</b></a></li>
  </ul>