@extends('layout.master')
@section('parentPageTitle', 'SubEspecialidad')
@section('title', 'Editar subespecialidad')
@section('page-style')
<link rel="stylesheet" href="{{asset('assets/plugins/bootstrap-select/css/bootstrap-select.css')}}">
<link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">
@stop

@section('content')
    

    <div class="row clearfix">
         <!--<div class="col-md-1"></div>
         <div class="col-md-1"></div>
         <div class="col-md-1"></div>
         <div class="col-lg-8 col-md-8 col-sm-8">-->
         <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-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>* Son campos obligatorios.</small></p>
                    </div>

                    </br>


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

                        
                        {{ csrf_field() }}

                         <input type="hidden" id="nombresubespecialidadmodificado" autocomplete="off" name="nombresubespecialidadmodificado" class="form-control" required value="{{$data[0]->nombre}}">
                        

                        <div class="row clearfix">


                            <div class="col-sm-3">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-1">
                                    <label>Especialidad</label>
                                </div>
                            </div>                             
                            <div class="col-sm-4" style="margin-left:-8%;">
                                <div class="form-group">
                                    <select id="profesion" name="tipotecnicos" class="select">
                                        @foreach ($listaProfesion as $profesion) 
                                             <option value="{{$profesion->id}}" selected>{{$profesion->nombre }}</option>                                        
                                        @endforeach 
                                    </select> 
                                </div>
                            </div>
                        
                        </div> 

                        <div class="row clearfix">  


                            <div class="col-sm-3" >
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2">
                                    Subespecialidad *
                                </div>
                            </div>    
                            <div class="col-sm-4" style="margin-left:-8%;">                                
                                <div class="form-group">
                                    <input type="text" required id="nombre" name="nombre" class="form-control" value="{{$data[0]->nombre}}" autocomplete="off" style="text-transform:uppercase">
                                </div>
                            </div>  
                                          
                        </div>


                        <input type="hidden" id="idespecialidad" name="idespecialidad" value="{{$data[0]->id}}">

                        

                        <div class="row clearfix" align="right">          
                            <div class="col-sm-12">
                                <button style="border-color:#18ce0f; color:#18ce0f;" type="button" class="btn btn-default btn-round btn-simple" id="btnRegistrar" name="btnRegistrar">Grabar</button>
                                <button style="border-color:#FF3636; color:#FF3636;" type="button"  id="btnCancelarEditar" 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')}}">
        <p id=dialog_texto align="center"></p>
    </div>

@stop

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

<script>


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

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

   window.location.href = "listadosubespecialidad"; 

});

$("#btnRegistrar").click(function(){
    var nombre = $("#nombre").val();
    //nombre = nombre.replace(/ /g, "");
    var nombresubespecialidadmodificado = $("#nombresubespecialidadmodificado").val();
    if(nombre==""){
        $( "#dialog_texto" ).empty();
        $( "#dialog_texto" ).append("Debe incorporar el nombre de la subespecialidad.");
        $( "#dialog_alerta" ).dialog('open');
    }else{
        //$("#formEditarComuna").submit();

        if(nombre!=nombresubespecialidadmodificado){

        var nombremodificado="SI";

        }
        else{

            var nombremodificado="NO"; 
        }

        var token = $('meta[name="csrf-token"]').attr('content');

        $.ajax({

            type:'POST',            
            async:false,
            url:'editarsubespecialidad',
            data:{
                id: $("#idespecialidad").val(),
                profesion: $("#profesion").val(),
                nombre: $("#nombre").val(),
                nombremodificado:nombremodificado
            },
            headers: {'X-CSRF-TOKEN': token},

            success:function(data){

                if (data.mensaje == 'subespecialidadencontrada') {

                  $("#dialog_texto").empty();
                  $("#dialog_texto").append("Ya existe una subespecialidad con el mismo nombre");
                  $("#dialog_alerta").dialog('open');
                  return false;
                  //limpiardatosisapre();  
                }

                if (data.mensaje == 'actualizado') {

                    $("#dialog_texto").empty();
                    $("#dialog_texto").append("Los datos de la subespecialidad han sido actualizado con exito");
                    $("#dialog_alerta").dialog('open');
                     setTimeout(function(){
                        window.location.href = "listadosubespecialidad";
                    },1500); 
                    
                }

            }
        });   
    }  

});

$("#nombre").keypress(function(e) {
        var code = (e.keyCode ? e.keyCode : e.which);

        if(code==13){
            return false;
        }
});

</script>
@stop