
<?php 
/*
use App\Libraries\ejLib;
$var = ejLib::getInstance();
$soapclient = $var->getWs();
$wsClave = $var->get_wsClave();

$Especialidades = $soapclient->vCat_Especialidad($wsClave);

$Cat_Especialidad  = new SimpleXMLElement(utf8_encode($Especialidades));
*/


?>

@extends('layouts.master')


@section('titulo')
  {{ 'Catálogos :: Administrar Especialidades ver 2.0' }}
@endsection

@section('navegacion')
  @include('layouts.navegacion')
@endsection


@section('titulo_pagina')


<style>

.marco3 { 
   padding:8px 8px 20px 8px; 
   background-color: #ffffff; 
   width: 200px; 
   border: 1px solid #999999; 
    position: relative; 
   bottom: 2px; 
   right: 2px; 
} 

#ttit{
  text-align: center;
}

.example-table {
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 115%;
width: auto;
overflow: auto;
display: block;
}
.example-table th {
background-color: rgb(112, 196, 105);
font-weight: normal;
color: white;
padding: 20px 30px;
text-align: center;
}
.example-table td {
background-color: rgb(238, 238, 238);
padding: 20px 30px;
color: rgb(111, 111, 111);
}


#tblBaseSubTitulo td {
    text-align: center;
    font-size: 14px;    
    background-color: #7c7e82; color:#fff;
}
#tblBaseSub td {
    text-align: justify;
    font-size: 14px;
    color:black;
}

#tblBase {
    width:100%; 
    height:300px; 
    overflow: auto;    
}

</style>

<div id="contenedor" style="width:1024px; height:600px; overflow: auto;" >
  <div id="ttit" style="height:10px;" >
    <h2>Administrar Mi cuenta</h2>
  </div>

  <hr style="width: 63%";>

  <div id="logo" style="width:30%; height:500px; float:left;">
    <p style="text-align:center;">Tipo de Administrador que accede</p><br>
    <div class="marco3"> 
      <img src="im3.jpg" width="200" height="150" alt="Aqui va la foto del usuario"> 
    </div>
  </div>
 
  <div id="datos" style="width:70%; height:200px; float:left;">
        <p>Usuario: </p>
        <p>Centro de Adscripción: </p>
        <p>Activo desde: </p>
        <p>Especialidad: </p>

  <form name="actualizar" id="actualizar"  action="#" class="form-inline" >        
      <div id="Actualizacion" style="width:100%; height:300px;   border-style:solid; border-color:#D8D8D8; border-width:thin; box-sizing:border-box;margin-top:20px;border-radius:5px;overflow: hidden;">
        <div style="height:10%;margin:5px;background-color:#D8D8D8;">
            <h2 style="text-align:center;margin-bott:0;">Actualización de la cuenta de acceso</h2>
        </div>
        <div id="Actuales" style="height:25%;margin:5px;">
          <h3>Datos Actuales:</h3>
          <div id="usuario01" style="width:40%;float:left; margin:5px;">
            <label for="U1">Usuario</label>
            <input type="clave" class="form-control" id="U1" placeholder="Usuario" maxlength  ="32" size="32" readonly>
          </div>

        </div>
        <div id="Nuevos" style="height:25%;margin:5px;">
           <h3>Nuevos Datos:</h3>
          <div id="usuario02" style="float:left; margin:5px;">
            <label for="U2">Usuario</label>
            <input type="clave" class="form-control" id="U2" placeholder="Usuario" maxlength  ="32" size="32" autofocus>
          </div>
        </div>
        <div id="NuevasC" style="height:20%;margin:0px;">
          <div id="clave02" style="float:left;margin:5px;">
            <label for="c2" >Nueva Contraseña</label>
            <input type="password" class="form-control" id="c2" placeholder="Contraseña" maxlength  ="32" size="30" >          
          </div> 

          <div id="clave01" style="float:left;margin:5px;">
            <label for="c1" >Confirme contraseña</label>
            <input type="password" class="form-control" id="c1" placeholder="Contraseña" maxlength  ="32" size="30" >        <!-- readonly -->  
          </div> 
        </div>
        <div style="height:15%;width=100%;margin;0px;">
          <input name="submit" type="submit" class="btn btn-default" id="submit" value="Actualizar" style="margin:0 auto;display:block;"/>   
        </div >     

      </div>  
  </form>

  </div>




      @for ($i = 0; $i < 10; $i++)
      {{--  valor de i {{ $i }} --}}
      </br>
     
        
      @endfor

</div>




@endsection
