@extends('layout.authentication')
@section('title', 'Epraxis-Registro')

@section('page-style')

@stop

@section('content')

    @if($dispositivoacceso == "Ordenador")

        <img src="{{route('logoprincipal')}}"  style="margin-left:5%; height:15%; margin-top:-73%;"/>

    @endif 

    @if($dispositivoacceso != "Ordenador")

         <img src="{{route('logoprincipal')}}"  style="margin-left:5%; height:15%; margin-top:-50%;"/>

    @endif 
    
   
    <div class="container">
        
        <div class="row clearfix">
                
            <div class="col-md-12 d-flex justify-content-center">

                @if($dispositivoacceso == "Ordenador")  

                        <div class="card" style="width: 100%;margin: 20px auto;background-color: white;padding: 20px;border-radius: 10px; /*Esquinas redondeadas */ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 15px 15px rgba(0, 0, 0, 0.3);margin-top:-40%;">

                @endif

                @if($dispositivoacceso != "Ordenador")  

                        <div class="card" style="width: 80%;margin: 20px auto;background-color: white;padding: 20px;border-radius: 10px; /*Esquinas redondeadas */ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 15px 15px rgba(0, 0, 0, 0.3);margin-top:3%;">

                @endif              

                    <div class="body">

                            {{ csrf_field() }}

                            <!---->

                            <input type="hidden" id="cantidadespecialidadcuentaoculta" name="cantidadespecialidadcuentaoculta" value="">
                            <input type="hidden" id="cantidadespecialidadplanseleccoculta" name="cantidadespecialidadplanseleccoculta" value="">

                            @if($dispositivoacceso == "Ordenador")  

                                <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">

                                    <big id="tituloregistro" name="tituloregistro" style="color: black;font-size:20px;margin-top:-1%;" class="">&nbsp;&nbsp;<strong>Registrar</strong></big>
                                </div>

                                <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">

                                    <big id="tituloactualizacion" name="tituloactualizacion" style="color: black;font-size:20px;margin-top:-1%;display:none;" class="">&nbsp;&nbsp;<strong>Renovar</strong></big>
                                </div>  

                            @endif 
                        
                            @if($dispositivoacceso != "Ordenador") 

                                <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">

                                    <big id="tituloregistro" name="tituloregistro" style="color: black;font-size:20px;margin-top:-7%;" class=""><strong>Registrar</strong></big>
                                    </BR>
                                </div>

                                <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left" style="">

                                    <big id="tituloactualizacion" name="tituloactualizacion" style="color: black;font-size:20px;margin-top:-7%;display:none;" class=""><strong>Renovar</strong></big>
                                    </BR>
                                </div>  

                            @endif    


                            <div class="row clearfix" style="margin-top:1%;">

                        
                                <div class="col-sm-3" style="">

                                    <button id="btnNuevoCliente" type="button" name="btnNuevoCliente" class="btn btn-primary btn-round" style="background-color:#01d8da;width:90%;height:90%;" >Registrar Cuenta</button>
                                                                       
                                </div> 

                                <div class="col-sm-3" style="">                                
                                   <button id="btnClientesRegistrados" type="button" name="btnClientesRegistrados" class="btn btn-primary btn-round" style="background-color:#01d8da;width:90%;height:90%;" >Renovar Cuenta</button>

                                </div>                               
                                
                            </div>


                            <!--<div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">
                            
                                <big style="color: black;font-size:25px;margin-top:-6%;" class=""><strong>Registro</strong></big>
                            </div>-->

                            </br>
                            </br>

                            <div id="divnuevocliente" name="divnuevocliente" class=" " style="display:none;">
                        
                                <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">
                                   <p class="" style="color:#FF0000" ><small>* Son campos obligatorios.</small></p>
                                </div>

                                <div class="row clearfix" style="margin-top:-2%;">

                                    <div class="col-sm-6">
                                        
                                        <div class="header">

                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                <h2><strong>Datos</strong>-Cl&iacute;nica o Profesional<small ></small></h2>
                                            </div>
                                         </div>    
                                    </div>

                                </div>     


                                <form action="" id="formCrearCuenta" method="post">

                                    {{ csrf_field() }}

                                    <input type="hidden" id="cantidadespecialidad" name="cantidadespecialidad" value="1">

                                    <input type="hidden" id="tipocuentaoculto" name="tipocuentaoculto" value="0">

                                    
                                    <div class="row clearfix">

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                 Rut*
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                  <input type="text" id="rut" name="rut" class="form-control" autocomplete="off" value="" maxlength="12">
                                            </div>
                                        </div>

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                  Nombre*
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                  <input type="text" id="nombre" name="nombre" class="form-control" autocomplete="off" value="" style="text-transform:uppercase">
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row clearfix" style="margin-top:0%;">

                                        <div class="col-sm-6">
                                            
                                            <div class="header">

                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                    <h2><strong>Datos</strong>-Plan<small ></small></h2>
                                                </div>
                                             </div>    
                                        </div>

                                    </div> 

                                    <div class="row clearfix">

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                 Nombre plan
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <select class="selectpicker form-control show-tick mb-2" id="plan" name="plan">
                                            @foreach ($datosplanes as $planes)

                                                                                                <option value="{{$planes->id }}">{{$nombreplan}}</option>
                                            @endforeach 
                   
                                            </select>
                                        </div>

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                 Prof. adicionales
                                            </div>
                                        </div>

                                        <div class="col-sm-4" style="margin-top:0%;">
                                            <select class="selectpicker form-control show-tick mb-2" id="cantipro" name="cantipro" disabled="">

                                                <option value="0">0-Profesionales</option>
                                           
                                            </select>
                                        </div> 
                                       
                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                 Recur. adicionales
                                            </div>
                                        </div>

                                        <div class="col-sm-4" style="margin-top:0%;">
                                            <select class="selectpicker form-control show-tick mb-2" id="cantirecur" name="cantirecur" disabled="">

                                                <option value="0">0-Recursos</option>
                                           
                                            </select>
                                        </div>   

                                        
                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                  Fecha solicitud
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                   <input type="text" class="datetimepicker form-control" id="fsolicitud" name="fsolicitud" autocomplete="off" required disabled="">
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row clearfix" style="margin-top:0%;">

                                       <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                 Meses
                                            </div>
                                        </div> 

                                        <div class="col-sm-2" style="margin-top:0%;"">
                                            <select class="selectpicker form-control show-tick mb-2" id="meses" name="meses" disabled="">
                                                <option value="3">3</option>
                                            </select>
                                        </div>

                                        <div id="descuentomeses" name="descuentomeses" class="col-md-2" style="margin-top:0%;visibility:hidden;">

                                                                      
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                 Pago anual solo paga 10 meses
                                            </div>
                                        </div>

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                    Cant. admin
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                    <input type="number" id="cantiadmin" name="cantiadmin" class="form-control" autocomplete="off" value="1" min="1" max="1" disabled="">
                                            </div>
                                        </div>
                                       
                                    </div>     
                                    
                                    <div class="row clearfix" style="margin-top:0%;">

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                   Cant. secre.
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                    <input type="number" id="cantisecre" name="cantisecre" class="form-control" autocomplete="off" value="0" min="1" max="1" disabled="">
                                            </div>
                                        </div>

                                        <div class="col-sm-2" style="margin-top:0%;display:none;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                   Cantidad. téc.*
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;display:none;">
                                            <div class="form-group">
                                                    <input type="number" id="cantitec" name="cantitec" class="form-control" autocomplete="off" value="0" min="1" max="1" disabled="">
                                            </div>
                                        </div>

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                   Cant. total prof.
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                    <input type="number" id="cantitotalprof" name="cantitotalprof" class="form-control" autocomplete="off" value="" disabled="">
                                            </div>
                                        </div>

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                  Sucursales
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                   <input type="number" id="cantisucursal" name="cantisucursal" class="form-control" autocomplete="off" value="1" min="1" max="1" disabled>
                                            </div>
                                        </div>

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                  Cant. especialidad
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                   <input type="number" id="cantimodespecialidad" name="cantimodespecialidad" class="form-control" autocomplete="off" value="1" min="1" max="1" disabled>
                                            </div>
                                        </div>

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                  Monto pago
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                   <input type="text" id="montopago" name="montopago" class="form-control" autocomplete="off" value="" disabled>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row clearfix" style="margin-top:-1%;">

                                        <div class="col-sm-8">
                                            
                                            <div class="header">

                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                    <h2 ><strong>Datos</strong>-Administrador&nbsp;&nbsp;&nbsp;(Datos ser&aacute;n utilizados para gestionar el pago )<small ></small></h2>
                                                </div>
                                             </div>    
                                        </div>

                                    </div> 

                                    <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left" style="margin-top:-2%;">
                                        <p class="" style="color:#FF0000" ><small>&nbsp;Nota: El soporte será entregado a través de los datos de contacto del administrador.</small></p>
                                    </div>

                                    <div class="row clearfix">

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                 Rut*
                                            </div>
                                        </div>

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                   <input type="text" id="rutadmin" name="rutadmin" class="form-control" autocomplete="off" maxlength="12" value="">
                                            </div>
                                        </div>

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                 Nombre*
                                            </div>
                                        </div>

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                <input type="text" id="nombreadmin" name="nombreadmin" class="form-control" autocomplete="off" value="" style="text-transform:uppercase">
                                            </div>
                                        </div>  

                                        <div class="col-sm-2">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                Tel&eacute;fono*
                                            </div>
                                        </div>

                                        <div class="col-sm-4">
                                            <div class="form-group">
                                               <input type="text" id="telefonoadmin" name="telefonoadmin" class="form-control" autocomplete="off" value="">
                                            </div>
                                        </div>

                                        <div class="col-sm-2">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                Email*
                                            </div>
                                        </div>
                                   
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                 <input type="text" id="emailadmin" name="emailadmin" class="form-control" autocomplete="off" value="" style="text-transform:uppercase">
                                            </div>
                                        </div> 

                                    </div>

                                    <br>
                                    <br> 

                                    <div class="row clearfix text-center" >          
                                        <div class="col-sm-12">
                                            <button style="border-color:#18ce0f; color:#18ce0f;display:none;" type="button" id="btnRegistrarcuenta" name="btnRegistrarcuenta" class="btn btn-default btn-round btn-simple">Pagar</button>

                                            <button style="border-color:#18ce0f; color:#18ce0f;" type="button" id="btnRegistrarcuentafree" name="btnRegistrarcuentafree" class="btn btn-default btn-round btn-simple" >Registrar</button>
                                            
                                        </div>
                                    </div>     
                                </form>           
                            </div> <!-- FIN DIV NUEVO CLIENTE -->


                            <!-- DIV CLIENTES REGISTRADOS -->

                            <div id="divclientesregistrados" name="divclientesregistrados" class=" " style="display:none;">

                                <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">
                                   <p class="" style="color:#FF0000" ><small>* Son campos obligatorios.</small></p>
                                </div>

                                <div class="row clearfix" style="margin-top:-2%;">

                                    <div class="col-sm-6">
                                        
                                        <div class="header">

                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                <h2><strong>Datos</strong>-Cl&iacute;nica o Profesional<small ></small></h2>
                                            </div>
                                         </div>    
                                    </div>

                                </div>     


                                <form action="" id="formRenovacionCuenta" method="post">

                                    {{ csrf_field() }}

                                    <div class="row clearfix">

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                 Rut*
                                            </div>
                                        </div> 

                                        <div class="col-sm-2">
                                              <div class="form-group">
                                                  
                                                  <input type="text" id="rutclinica" name="rutclinica" class="form-control" autocomplete="off" required placeholder="Ingrese Rut"
                                                  size="18">

                                              </div>
                                              
                                        </div>

                                        <div class="col-sm-2" style="margin-top:-7px;">
                                              <div class="form-group">
                                                   <button id="btnBuscarRut" type="button" name="btnBuscarRut" class="btn btn-primary btn-round">Buscar</button>
                                            </div> 
                                        </div>


                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                  Nombre*
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group" >
                                                  <input type="text" id="nombreclinica" name="nombreclinica" class="form-control" autocomplete="off" value="" style="text-transform:uppercase" disabled="">
                                            </div>
                                        </div>

                                    </div>

                                    <div id="divdatosadministrador" name="divdatosadministrador" class="" style="display:none;">

                                        <div class="row clearfix" style="margin-top:-2%;">

                                            <div class="col-sm-6">
                                                
                                                <div class="header">

                                                    <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                        <h2><strong>Datos</strong>-Administrador<small ></small></h2>
                                                    </div>
                                                 </div>    
                                            </div>

                                        </div>

                                        <div class="row clearfix">

                                            <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                     Email*
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;"">
                                                <div class="form-group">
                                                      <input type="text" id="emailadminclinica" name="emailadminclinica" class="form-control" autocomplete="off" value="" maxlength="" disabled="">
                                                </div>
                                            </div>

                                            <div id="divbotonobtenercodigoverificacion" name="divbotonobtenercodigoverificacion" class="row clearfix text-center" style="display:none;margin-top:-0.7%;">          
                                                <div class="col-sm-12">
                                                    <button style="border-color:#18ce0f; color:#18ce0f;" type="button" id="btnObtenerCodigoVerificacion" name="btnObtenerCodigoVerificacion" class="btn btn-default btn-round btn-simple">Obtener C&oacute;digo Verificaci&oacute;n</button>
                                                    
                                                </div>
                                            </div>

                                        </div> 

                                        <div class="row clearfix">

                                            <div class="col-sm-2" style="margin-top:-1%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                      Codigo verificaci&oacute;n*
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;"">
                                                <div class="form-group">
                                                      <input type="text" id="codigoverificacion" name="codigoverificacion" class="form-control" autocomplete="off" value="" style="text-transform:uppercase" maxlength="6">
                                                </div>
                                            </div> 
                                         
                                         </div> 

                                    </div> <!-- FIN DIV DATOS ADMINISTRADOR -->  

                                </form> 

                                <div id="divbotonenviarcodigoverificacion" name="divbotonenviarcodigoverificacion" class="row clearfix text-center" style="display:inline;">          
                                    <div class="col-sm-12">
                                        <button style="border-color:#18ce0f; color:#18ce0f;" type="button" id="btnEnviarCodigoVerificacion" name="btnEnviarCodigoVerificacion" class="btn btn-default btn-round btn-simple">Enviar</button>
                                        
                                    </div>
                                </div>

                                <br>

                                <div id="notificacionplanactivo" name="notificacionplanactivo" class="col-20" style="margin-top:2%; font-size: 24px;text-transform: uppercase;font-weight:bold;color:#18ce0f;display:flex;justify-content: center; align-items:center;display: none;">
                                    PLAN ACTIVO
                                </div>

                                <div id="notificacionplaninactivo" name="notificacionplaninactivo" class="col-20" style="margin-top:2%; font-size: 24px;text-transform: uppercase;font-weight:bold;color:#FF0000;display:flex;justify-content: center; align-items:center;display:none;">
                                        PLAN INACTIVO
                                </div>

                                <div id="datosplanclientesregistrados" name="datosplanclientesregistrados" class="" style="display:none;">
                            
                                        <div id="" name="" class="row clearfix" style="margin-top:-2%;">

                                            <div class="col-sm-6">
                                                
                                                <div class="header">

                                                    <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                        <h2><strong>Datos</strong>-Plan Actual<small ></small></h2>
                                                    </div>
                                                 </div>    
                                            </div>

                                        </div> 

                                        <div class="row clearfix">

                                            <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                     Nombre
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;"">
                                                <div class="form-group">
                                                        <input type="text" id="planactual" name="planactual" class="form-control" autocomplete="off" disabled="" >
                                                </div>
                                            </div>

                                            <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                      Fecha inicio
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;"">
                                                <div class="form-group">
                                                       <input type="text" class="datetimepicker form-control" id="finicioactual" name="finicioactual" autocomplete="off" required disabled="">
                                                </div>
                                            </div>

                                            <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                      Fecha término
                                                </div>
                                            </div> 


                                            <div class="col-sm-4" style="margin-top:0%;">
                                                <div class="form-group">
                                                       <input type="text" style="color:#FF0000;" class="datetimepicker form-control" id="fterminoactual" name="fterminoactual" autocomplete="off" required disabled="">
                                                </div>
                                            </div>

                                            <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                     Meses
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;"">
                                                <div class="form-group">
                                                        <input type="text" id="mesesactual" name="mesesactual" class="form-control" autocomplete="off" disabled="" >
                                                </div>
                                            </div>

                                            <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                        Cant. profe.
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;"">
                                                <div class="form-group">
                                                        <input type="number" id="cantidadproactual" name="cantidadproactual" class="form-control" autocomplete="off" value="1" min="1" max="1" disabled="" style="color:#FF0000;">
                                                </div>
                                            </div>

                                            <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                        Cant. admin
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;"">
                                                <div class="form-group">
                                                        <input type="number" id="cantiadminactual" name="cantiadminactual" class="form-control" autocomplete="off" value="1" min="1" max="1" disabled="">
                                                </div>
                                            </div>

                                        </div>

                                        <div class="row clearfix" style="margin-top:0%;">

                                           

                                            <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                       Cant. secre.
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;"">
                                                <div class="form-group">
                                                        <input type="number" id="cantisecreactual" name="cantisecreactual" class="form-control" autocomplete="off" value="0" min="1" max="1" disabled="">
                                                </div>
                                            </div>

                                            <div class="col-sm-2" style="margin-top:0%;display:none;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                       Cantidad. téc.
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;display:none;">
                                                <div class="form-group">
                                                        <input type="number" id="cantitecactual" name="cantitecactual" class="form-control" autocomplete="off" value="0" min="1" max="1" disabled="">
                                                </div>
                                            </div>

                                            <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                        Cant. profe adicio.
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;"">
                                                <div class="form-group">
                                                        <input type="number" id="cantidadproadicioactual" name="cantidadproadicioactual" class="form-control" autocomplete="off" value="1" min="1" max="1" disabled="" style="color:#FF0000;">
                                                </div>
                                            </div>

                                             <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                       Cant. total prof.
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;"">
                                                <div class="form-group">
                                                        <input type="number" id="cantidadprototalactual" name="cantidadprototalactual" class="form-control" autocomplete="off" value="1" min="1" max="1" disabled="" style="color:#FF0000;">
                                                </div>
                                            </div>

                                            <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                      Sucursales
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;"">
                                                <div class="form-group">
                                                       <input type="number" id="cantisucursalactual" name="cantisucursalactual" class="form-control" autocomplete="off" value="1" min="1" max="1" disabled>
                                                </div>
                                            </div>

                                            <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                        Cant. espec.
                                                </div>
                                            </div> 

                                            <div class="col-sm-4" style="margin-top:0%;"">
                                                <div class="form-group">
                                                        <input type="number" id="cantidadespecactual" name="cantidadespecactual" class="form-control" autocomplete="off" value="1" min="1" max="1" disabled="" style="">
                                                </div>
                                            </div>

                                            <div class="col-sm-2" style="margin-top:0%;">                                
                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                     Tipo cuenta
                                                </div>
                                            </div>

                                            <div class="col-sm-4" style="margin-top:0%;">
                                                <select class="selectpicker form-control show-tick mb-2" id="tipocuentaactualizar" name="tipocuentaactualizar">

                                                    <option value="1">Profesional independiente</option>
                                                    <option value="2">Centro multiprofesional</option>
                                               
                                                </select>
                                            </div> 

                                        </div>

                                    </div> 

                                </div> <!--FIN DIV DATOS PLAN CLIENTES REGISTRADOS --> 

                                <br>

                                <div id="divbotonesplancontratados" name="divbotonesplancontratados" class="row clearfix" align="center" style="display:none;">          
                                    <div class="col-sm-12">
                                        <button style="border-color:#18ce0f; color:#18ce0f;" type="button" class="btn btn-default btn-round btn-simple" id="btnRenovacion" name="btnRenovacion">Renovar</button>
                                        <button style="border-color:#18ce0f; color:#18ce0f;display:inline;cursor: not-allowed;" type="button" class="btn btn-default btn-round btn-simple" id="btnUpgrade" name="btnUpgrade" disabled="">Upgrade</button>
                                        <button style="border-color:#FF3636; color:#FF3636;" type="button" id="btnBaja" name="btnBaja" class="btn btn-default btn-round btn-simple">Baja</button>
                                    </div>
                                </div>

                                <div id="divdatosrenovacion" name="divdatosrenovacion" class="" style="display:none;">

                                    <input type="hidden" id="montoplanoculto" autocomplete="off" name="montoplanoculto" class="form-control" required value="">

                                     <input type="hidden" id="montoplanocultoformateado" autocomplete="off" name="montoplanocultoformateado" class="form-control" required value="">

                                    <input type="hidden" id="simbolomonedaoculto" autocomplete="off" name="simbolomonedaoculto" class="form-control" required value="">

                                    <input type="hidden" id="idplanoculto" autocomplete="off" name="idplanoculto" class="form-control" required value="">

                                    <div id="" name="" class="row clearfix" style="margin-top:-2%;">

                                        <div class="col-sm-6">
                                            
                                            <div class="header">

                                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                    <h2><strong>Datos</strong>-Renovación<small ></small></h2>
                                                </div>
                                             </div>    
                                        </div>

                                    </div> 

                                    <div class="row clearfix">

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                  Fecha renovación
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                   <input type="text" class="datetimepicker form-control" id="fecharenovacion" name="fecharenovacion" autocomplete="off" required disabled="">
                                            </div>
                                        </div>

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                  Fecha término
                                            </div>
                                        </div> 


                                        <div class="col-sm-4" style="margin-top:0%;">
                                            <div class="form-group">
                                                   <input type="text" style="color:#FF0000;" class="datetimepicker form-control" id="fterminorenovacion" name="fterminorenovacion" autocomplete="off" required disabled="">
                                            </div>
                                        </div>

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                 Meses
                                            </div>
                                        </div> 

                                        <div class="col-sm-2" style="margin-top:0%;"">
                                            <select class="selectpicker form-control show-tick mb-2" id="mesesrenovacion" name="mesesrenovacion">
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                                <option value="7">7</option>
                                                <option value="8">8</option>
                                                <option value="9">9</option>
                                                <option value="10">10</option>
                                                <option value="11">11</option>
                                                <option value="12">12</option>
                                            </select>
                                        </div>

                                        <div class="col-md-2" style="margin-top:0%;">

                                                                      
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                 Pago anual solo paga 10 meses
                                            </div>
                                        </div> 

                                        <div class="col-sm-2" style="margin-top:0%;">                                
                                            <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                                  Monto pago
                                            </div>
                                        </div> 

                                        <div class="col-sm-4" style="margin-top:0%;"">
                                            <div class="form-group">
                                                   <input type="text" id="montopagorenovacion" name="montopagorenovacion" class="form-control" autocomplete="off" value="" disabled>
                                            </div>
                                        </div>

                                    </div>

                                    </br>

                                    <div id="" name="" class="row clearfix" align="center" style="">          
                                    <div class="col-sm-12">
                                        <button style="border-color:#18ce0f; color:#18ce0f;" type="button" class="btn btn-default btn-round btn-simple" id="btnPagarRenovacion" name="btnPagarRenovacion">Pagar</button>
                                    </div>
                               
                                </div> <!-- FIN DIV DATOS RENOVACION -->                  
                            </div>   

                    </div>
                </div>
            </div>
        </div>                
    </div> 

    <div id="dialog_alerta" title="Registro Epraxis" align="center">
            <p id="dialog_texto"></p>
    </div>

    <div id="dialog_alerta2" name="dialog_alerta2" title="Registro Epraxis" align="center" class="selector" >
        <p id="dialog_texto2"></p>
    </div>

    <div id="dialogbaja" title="Registro Epraxis"> 
        <form>
            <fieldset>
                <div class="row">
                    <div class="col-sm-12" align="center"><h4>Desea dar de baja a su cuenta?</h4></div>                
                </div>
                <div align="center">
                   
                    <label for="name" style="font-size: 18px;">Al realizar esta operación, la información ingresada en nuestro sistema será borrada.</label>

                    <label for="name" style="font-size: 18px;">La empresa ya no se hará responsable por la misma, aun así desea continuar?</label>
        
                </div>
               

            </fieldset>
        </form>
    </div>

    <div id="dialogespecialidades" title="Registro Epraxis"> 
        <form>
            <fieldset>
                <div align="center">
                   
                    <label id="textodialogespecialidades" name="textodialogespecialidades" for="name" style="font-size: 18px;"></label>
                </div>
            </fieldset>
        </form>
    </div>


@endsection


@section('page-script')
    <script src="{{asset('js/jquery-3.4.1.min.js')}}"></script>
    <script src="{{asset('assets/jquery-ui.js')}}"></script>
    <script src="{{asset('js/jquery.rut-master/jquery.rut.js')}}"></script>
    
@stop