@extends('layout.master')
@section('parentPageTitle', 'Profesionales')
@section('title', 'Cambiar contraseña')
@section('page-style')
    <link rel="stylesheet" href="{{asset('assets/plugins/dropzone/dropzone.css')}}">  
    <link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">
    <link rel="stylesheet" href="{{asset('assets/plugins/bootstrap-select/css/bootstrap-select.css')}}">

@stop

@section('content')


    <div class="row clearfix">
        <div class="col-md-12 d-flex justify-content-center">
            <div class="card">
                
                <div class="body">

                    <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-1" align="left">
                        <big style="color: black;font-size: 25px;"class="">@yield('title')</big>
                    </div>

                    </br>
                    
                    <form action="{{ route('tecnicos.guardar_nueva_passtec') }}" id="formCambiarPassTec" method="post">

                         {{ csrf_field() }}
                        <div class="row clearfix">

                                <h6 style="">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Rut: <h6 style="font-weight: normal;">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$data[0]->rut}}</h6></h6>
                             
                        </div>

                          <div class="row clearfix">
                           
                                <h6 style="">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Usuario: <h6 style="font-weight: normal;">
                                    &nbsp;&nbsp;&nbsp;{{$data[0]->nombre}} {{$data[0]->apaterno}} {{$data[0]->amaterno}}</h6></h6>

                             
                        </div>

                        </br>

                        <div class="row clearfix">


                           <div class="col-sm-3">                               
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2">
                                    <label>Cambiar  contraseña </label>
                                </div>
                            </div>                             
                            <div class="col-sm-4" style="margin-left:-8%;">
                                <div class="form-group">
                                    <input type="password" id="clavepro" name="clavepro" class="form-control" autocomplete="off"  placeholder="Minimo 6 caracteres">
                                </div>
                            </div> 


                        </div>

                        
                        <div class="row clearfix" align="right">          
                            <div class="col-sm-12">
                                <button style="border-color:#18ce0f; color:#18ce0f;" type="button" id="RegistrarClave"class="btn btn-default btn-round btn-simple">Grabar</button>
                                <button style="border-color:#FF3636; color:#FF3636;" type="button"  id="btnCancelarIngresar" class="btn btn-default btn-round btn-simple">Cancelar</button>
                            </div>
                        </div>

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

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


@stop

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

    <script>
    $(function () {

         $("#btnCancelarIngresar").click(function(){

            window.location.href = "listado"; 

        });

        $("#dialog_alerta").dialog({ autoOpen: false });
        $("#RegistrarClave").click(function(){

            var clave= $("#clavepro").val();

            var largoclave= $('#clavepro').val().length;

           
            
            if(clave==""){
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Debe ingresar la contraseña.");
                $( "#dialog_alerta" ).dialog('open');
                return false;
            }


             if(largoclave<6){

                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("La contraseña debe tener mínimo 6 caracteres.");
                $( "#dialog_alerta" ).dialog('open');
                $("#clavepro").val("");
                return false;
            }

            else{

                $("#dialog_texto").empty();
                $("#dialog_texto").append("La contraseña del t&eacute;cnico se ha cambiado con exito");
                $("#dialog_alerta").dialog('open');

                setTimeout(function(){
                    $("#formCambiarPassTec").submit();
                },1500);

               

            }
        });
        
    });
    </script>
@stop