@extends('layout.authentication')
@section('title', 'Registrar cuenta')
@section('page-style')
 
<link rel="stylesheet" href="{{asset('assets/plugins/dropzone/dropzone.css')}}">
<link rel="stylesheet" href="{{asset('assets/plugins/jquery-timepicker/jquery.timepicker.css')}}">  
<link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">
    
@stop

@section('content')

    </br>
    </br>
    </br>
    </br>

    <div class="col-md-13 d-flex justify-content-center">
        <div style=" margin: 0px 0px 0px 35px;" class="container">
       
            <div class="card">
                <div class="body">
                    <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;"class="">@yield('title')</big>
                    </div>

                    <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">
                       <p class="" style="color:#FF0000" ><small>* Las etiquetas de campo marcadas con * son campos de entrada obligatorios.</small></p>
                    </div>

                    <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">
                       <p class="" style="color:#FF0000" ><small>* IMPORTANTE: 1.- Los requerimientos de soporte deberán ser realizados desde el Email del Admin. </br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.- El contacto de soporte será mediante el Email y Teléfono del Admin.</small></p>
                    </div>

                    </br>

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

                        {{ csrf_field() }}

                        <input type="hidden" id="cantidadespecialidad" name="cantidadespecialidad" value="1">
            
                        <div class="row clearfix">
                            
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    Rut*
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                               
                                  <div class="form-group">
                                    <input type="text" id="rut" name="rut" class="form-control" autocomplete="off" maxlength="12" value="">
                                  </div>
                                
                            </div> 

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    Empresa*
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                              
                                    <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">
                            
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    Plan
                                </div>
                            </div>

                            <div class="" style="margin-top:0%;margin-left:1%;width:31%;">
                                <div class="form-group">
                                    <select id="plan" name="plan" required class="selectpicker form-control" >
                                         @foreach ($datosplanes as $planes)                                         
                                            <option value="{{$planes->id }}">{{$planes->nombre }}</option>
                                        @endforeach 
                                    </select>
                                </div>
                            </div>
                           
                            <div class="col-sm-2" style="margin-top:0.5%;margin-left:2%;">                                
                                <div class="d-flex justify-content-left" align="left">
                                    Fecha Solicitud
                                </div>
                            </div>
                           
                            <div class="" style="margin-top:0%;margin-left:0.5%;width:31%;">
                                
                                <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">

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    Meses
                                </div>
                            </div>
                           

                             <div class="" style="margin-top:0%;margin-left:1%;width:31%;">
                                <div class="form-group">
                                    <select id="meses" name="meses" required class="selectpicker form-control" >
                                        <option value="12">12</option>
                                        <option value="24">24</option>
                                        <option value="36">36</option>
                                    </select>
                                </div>
                            </div> 

                             <div class="col-sm-2" style="margin-top:0.5%;margin-left:2%;">                               
                                <div class="d-flex justify-content-left" align="left">
                                    Cant. Profe.*
                                </div>
                            </div>

                            <div class="" style="margin-top:0%;margin-left:0.5%;width:31%;">
                                <div class="form-group">
                                    <input type="number" id="cantipro" name="cantipro" class="form-control" autocomplete="off" value="1" min="1" max="1" disabled="">
                                </div>
                            </div> 

                            <div class="col-sm-2">                                
                                <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">
                                <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 class="col-sm-2">                                
                                <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">
                                <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">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    Cant. Téc.*
                                </div>
                            </div>

                            <div class="col-sm-4">
                                <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">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    Sucursales*
                                </div>
                            </div>

                          
                            <div class="col-sm-4">
                                <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>

                        <div class="row clearfix">

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    Rut Admin*
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                               
                                  <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">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    Nombre Admin*
                                </div>
                            </div>                             
                            <div class="col-sm-4">
                               
                                  <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 Admin*
                                </div>
                            </div> 
                                   
                             <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="text" id="telefonoadmin" name="telefonoadmin" class="form-control" autocomplete="off" maxlength="9" value="">
                                </div>
                            </div>
                            
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    Contraseña Admin*
                                </div>
                            </div>
                           

                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="password" id="clave" name="clave" class="form-control" autocomplete="off"  required placeholder="Minimo 6 caracteres">
                                </div>
                            </div>

                             <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                       Email Admin*
                                </div>
                            </div>
                           

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

                        
                        </div>

                        <div class="row clearfix">

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                        Especialidades*
                                </div>

                            </div>

                            <div class="col-sm-4">

                                <div class="checkbox d-flex justify-content-left align-items-left ml-0 p-2">
                                    <input id="checkboxpsicologia" type="checkbox">
                                    <label for="checkboxpsicologia">
                                        Psicología
                                    </label>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <input id="checkboxnutricion" type="checkbox" disabled="">
                                    <label for="checkboxnutricion">
                                        Nutrición
                                    </label>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <input id="checkboxkinesiologia" type="checkbox" disabled="">
                                    <label for="checkboxkinesiologia">
                                        Kinesiología
                                    </label>
                                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <input id="checkboxfonoaudiologia" type="checkbox" disabled="">
                                    <label for="checkboxfonoaudiologia">
                                        Fonoaudiología
                                    </label>

                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <input id="checkboxodontologia" type="checkbox" disabled="">
                                    <label for="checkboxodontologia">
                                        Odontología
                                    </label>

                                </div>  
                            </div> 


                        </div>

                        

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

<div id="dialog_alerta" title="{{config('maestro.nombresistema')}}" align="center">
        <p id="dialog_texto"></p>
</div>

@endsection

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

@stop