@extends('layout.master')
@section('parentPageTitle', 'Listado de sist. salud')
@section('title', 'Listado de sist. salud')


@section('page-style')
<link rel="stylesheet" href="{{asset('assets/plugins/jquery-datatable/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">
<link rel="stylesheet" href="{{asset('assets/bootstrap.min.css')}}">

<style type="text/css">

    /*AJUSTA LOS BOTONES DE LA VENTANA DEL DIALOGO DE MANERA CENTRADA*/
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: center; /* left/center/right */

    }

</style>

@stop


@section('content')


<meta name="csrf-token" content="{{ csrf_token() }}">

    <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-sm-8 col-sm-8 col-sm-8">-->
        <div class="col-md-12 d-flex justify-content-center"> 
            <div class="card patients-list">
                

                <div class="body">
                    <!-- Nav tabs -->

                    <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 align="right">
                        <a href="ingresar" class="btn btn-primary btn-round">Nuevo sist. salud</a>
                    </div>

                    <input type="hidden" id="idisapreeliminar" name="idisapreeliminar" value=""> 
                    
           
                    <!-- Tab panes -->
                    <div class="tab-content m-t-10">
                        <div class="tab-pane table-responsive active" id="All">
                            <table class="table m-b-0 table-hover" id="tabla1" name="tabla1" style="width:100%;">
                                <thead>
                                    <tr class="ui-widget-header">                                       
                                        <th>Nombre</th>
                                        <th>Estado</th>
                                        <th>Acción</th>
                                    </tr>
                                </thead>
                                
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div id="dialogeliminarisapre" title="{{config('maestro.nombresistema')}}"> 
        <form>
            <fieldset>
                <div class="row">
                    <div class="col-sm-12" align="center"><h4>Desea eliminar el sist. salud?</h4></div>                
                </div>
                <div align="center">
                   
                    <label for="name" style="font-size: 18px;">Nombre:</label>
                
                    <label id="nombreisapreeliminardialogo" style="font-size: 18px;"></label>
                   
                </div>
               

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

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

@stop

@section('modal')
<!-- Default Size -->
{!!Form::open()!!}

<div class="modal" id="isapre_eliminar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content" >
            <div class="modal-header" >
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                 <h4 class="title" id="defaultModalLabel">Eliminación de sist. salud</h4>
                
            </div>
            <div id="msj-success-eliisapre" class=" msj-successeliminar alert alert-success alert-dismissible" role="" style="display: none;">
                     <strong> Sist. salud eliminado correctamente.</strong>
            </div>

            <div class="modal-body">
                 <h4><p align="center">Desea eliminar el registro?</p></h4>
            </div>

            <div class="modal-footer">
                <button style="border-color:#18ce0f; color:#18ce0f;" type="button" id="btnmodalaceptar_eliisapre" class="btn btn-default btn-round btn-simple">
                    <span class=""></span> Aceptar
                </button>
               <button style="border-color:#FF3636; color:#FF3636;" type="button" id="btnmodalcancelar_eliisapre" class="btn btn-default btn-round btn-simple" class="" data-dismiss="modal">Cancelar
                </button>
            </div>
        </div>
    </div>
</div>
{!!Form::close()!!}

@stop

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

<script>

    var lenguaje = {
        "lengthMenu": "Listar _MENU_ ",
        "zeroRecords": "Aún no tiene registros",
        "info": "Página _PAGE_ de _PAGES_",
        "infoEmpty": "",
        "Search": "Buscar",
        "infoFiltered": "(filtered from _MAX_ total records)",
        "search": "Buscar",
        "zeroRecords": "Sin resultados encontrados",
        "paginate": {
            "first": "Primero",
            "last": "Ultimo",
            "next": "Siguiente",
            "previous": "Anterior"
        }
    }


    /*function eliminar(id){
        var r = confirm("Confirma eliminar");
        if (r == true) {
            var token = $('meta[name="csrf-token"]').attr('content');
            var url='eliminar';
            var data={"id" : id};

            $.ajax({
                type:'POST',
                url: url,
                data: data,
                headers: {
                    'X-CSRF-TOKEN': token
                },
                success:function(data){
                    //alert(data);
                    //redirect('roles/listado-roles');
                    window.location.href = "listado";
                }
            });
        }                 
    }*/



$(document).ready(function() {

    $("#dialogeliminarisapre").dialog({
          autoOpen: false,
          modal: true
    });

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

    var user = "{{Auth::user()->id}}";

    if(user!=""){
   
      listarisapreindex();

    }
    else{

       cerrarsession();
    }

} );


function cerrarsession(){

    var route = "{{route('isapres.cerrar_sesion_usuario')}}";
    var token = $("#token").val();

    $.ajax({
        url: route,
        headers: {'X-CSRF-TOKEN': token},
        type: 'GET',
        dataType: 'json',

        success: function (msj) {

            if (msj.mensaje == 'sesioncerrada') {
               
              location.reload();

            }

       },
        error: function (msj) {
        }
    });
   
}


function eliminar(id,nombre) {

    $("#nombreisapreeliminardialogo").empty();
    $("#nombreisapreeliminardialogo").append(nombre);

    $("#dialogeliminarisapre").dialog({
            
        open: function() { $(".ui-dialog-titlebar-close").hide(); },
        height:'auto',
        width: 'auto',
      
        buttons: [
            {

                text: "Confirmar",
                "class": 'btn btn-default btn-round btn-simple',
                "style": 'border-color:#18ce0f; color:#18ce0f',
                click: function() {

                    $("#dialogeliminarisapre").dialog("close");

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

                    var valor=id;
                    
                    var route = "eliminar/"+valor;

                    $.get(route, function(data){

                    })

                    .done(function(data) {
                       
                        if (data.mensaje == 'eliminado') {

                           
                            $("#dialog_texto").empty();
                            $("#dialog_texto").append("Los datos del sist. salud han sido eliminados con exito.");
                            $("#dialog_alerta").dialog('open');

                            setTimeout(function(){
                                $("#dialog_alerta").dialog('close');
                            },1500);
                           
                            listarisapre();
                        }
                    })   

                    .fail(function() {
                       
                    
                    });  
                }
            },
            {
                text: "Cancelar",
                "class": 'btn btn-default btn-round btn-simple',
                "style": 'border-color:#FF3636; color:#FF3636',
                click: function() {
                   $(this).dialog("close");
                }
            }  
        ]
    });

    $("#dialogeliminarisapre").dialog("open");    

}


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

    var token = $('meta[name="csrf-token"]').attr('content');
    //var url='eliminar';
    //var data={"id":$("#btn_eliempresa").attr("data-eliminarempresa")};

    var valor=$("#idisapreeliminar").val();


    var route = "eliminar/" + valor;

      $.get(route, function(data){

      })

      .done(function(data) {
       
            if (data.mensaje == 'eliminado') {

                $("#msj-success-eliisapre").fadeIn();

                setTimeout(function() {
                    $('#isapre_eliminar').modal('hide');
                }, 1500);

                listarisapre();

                $("#msj-success-eliisapre").fadeOut();
              
            }
      })   

      .fail(function() {
              alert( "error" );
    
      });


});


var listarisapre = function(){

    var eliminartabla = jQuery('#tabla1').dataTable().fnDestroy();
    var recargartabla = jQuery('#tabla1').dataTable( {

    ajax: {
            url:'{{route('isapres.listarisapre')}}',
            dataSrc: ""
        },
        columns: [
            
            {
                name: 'nombre',
                data: 'nombre'
            },

           {   
                className: 'text-left',
                data:'id',
                
                render: function (data,type,row) {
                   
                    var estado= row.estado; 

                    if (estado == 0){

                      var boton = '<a href="#" id="'+data+'" name="'+data+'" class="tag badge badge-suc" style="border-color:#FF3636; color:#FF3636;" onclick="cambiarEstado('+data+','+estado+','+data+')">Inactivo</a>'

                      /*var boton =  '<button id="'+data+'" name="'+data+'" class="btn btn-danger btn-round btn-sm" type="button" onclick="cambiarEstado('+data+','+estado+','+data+')">Inactivo</button>'*/
                    }

                    if (estado == 1){
                      
                      var boton = '<a href="#" id="'+data+'" name="'+data+'" class="tag badge badge-default" style="border-color:#18ce0f;color:#18ce0f;" onclick="cambiarEstado('+data+','+estado+','+data+')">Activo</a>'

                      /*var boton =  '<button id="'+data+'" name="'+data+'" class="btn btn-success btn-round btn-sm" type="button" onclick="cambiarEstado('+data+','+estado+','+data+')">Activo</button>'*/
                    }

                    //alert(boton);

                    return ''+boton+'';  
                }
            },

            {   
                className: 'text-left',
                data:'id',
                
                render: function (data,type,row) {

                    var identificador= row.id;
                    var nombreisapre = row.nombre;

                    var boton = '<a href="'+data+'" class="btn btn-primary btn-round btn-sm">Editar</a>'+'<button type="button" onclick="eliminar('+identificador+','+ "'"+nombreisapre+ "'"+')" class="btn btn-primary btn-round btn-sm"><span class=""></span> Eliminar</button>'

                    return ''+boton+''; 
                   
                   
                    /*return '<a href="'+data+'" class="btn btn-primary btn-round btn-sm">Editar</a>' + '<button type="button" id="btn_eliisapre" name="btn_eliisapre" onclick="obtenerid(' + data + ')" data-toggle="modal" data-target="#isapre_eliminar" class="btn btn-primary btn-round btn-sm"><span class=""></span> Eliminar</button>';*/

                }  
            }      
                 
        ],
        "columnDefs": [
             
            { "orderable": false, "targets": 1},
            { "orderable": false, "targets": 2},

             
        ],
        language : lenguaje
  }); 
  
}


function listarisapreindex() {

    var route = "{{route('isapres.listarisapreindex')}}";

    var recargartablatotal = jQuery('#tabla1').dataTable({
        
        //"aoColumnDefs": [{ "bVisible": false, "aTargets": [0] }],
        "ajax": {
            method:'post',
            url: route,
            headers:{
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            "data": function(data) {

            }
        },
        
        columns: [
            
            {
                name: 'nombre',
                data: 'nombre'
            },

            {   
                className: 'text-left',
                data:'id',
                
                render: function (data,type,row) {
                   
                    var estado= row.estado; 

                    if (estado == 0){

                      var boton = '<a href="#" id="'+data+'" name="'+data+'" class="tag badge badge-suc" style="border-color:#FF3636; color:#FF3636;" onclick="cambiarEstado('+data+','+estado+','+data+')">Inactivo</a>'

                      /*var boton =  '<button id="'+data+'" name="'+data+'" class="btn btn-danger btn-round btn-sm" type="button" onclick="cambiarEstado('+data+','+estado+','+data+')">Inactivo</button>'*/
                    }

                    if (estado == 1){
                      
                      var boton = '<a href="#" id="'+data+'" name="'+data+'" class="tag badge badge-default" style="border-color:#18ce0f;color:#18ce0f;" onclick="cambiarEstado('+data+','+estado+','+data+')">Activo</a>'

                      /*var boton =  '<button id="'+data+'" name="'+data+'" class="btn btn-success btn-round btn-sm" type="button" onclick="cambiarEstado('+data+','+estado+','+data+')">Activo</button>'*/
                    }

                    //alert(boton);

                    return ''+boton+'';  
                }
            },

            {   
                className: 'text-left',
                data:'id',
                
                render: function (data,type,row) {


                    var identificador= row.id;
                    var nombreisapre = row.nombre;

                    var boton = '<a href="'+data+'" class="btn btn-primary btn-round btn-sm">Editar</a>'+'<button type="button" onclick="eliminar('+identificador+','+ "'"+nombreisapre+ "'"+')" class="btn btn-primary btn-round btn-sm"><span class=""></span> Eliminar</button>'

                    return ''+boton+''; 
                   
                   
                    /*return '<a href="'+data+'" class="btn btn-primary btn-round btn-sm">Editar</a>' + '<button type="button" id="btn_eliisapre" name="btn_eliisapre" onclick="obtenerid(' + data + ')" data-toggle="modal" data-target="#isapre_eliminar" class="btn btn-primary btn-round btn-sm"><span class=""></span> Eliminar</button>';*/

                }  
            }      
            
        ],

        "columnDefs": [
             
            { "orderable": false, "targets": 1},
            { "orderable": false, "targets": 2},
             
        ],

        language: lenguaje

    });

}

function obtenerid(id) {

    $('#idisapreeliminar').val(id);

}

function cambiarEstado(id,estado,btn_id){

    event.preventDefault(); // Evita el comportamiento predeterminado del enlace

    var token = $('meta[name="csrf-token"]').attr('content');
    var url='ajax_cambiar_estado';
    var enviarData={"id" : id, "estado" : estado};

    $.ajax({
        type:'POST',
        url: url,
        data: enviarData,
        headers: {
            'X-CSRF-TOKEN': token
        },
        success:function(data){
            if(data==1){
                $("#"+btn_id).text("Activo");
                $("#"+btn_id).removeClass();
                $("#"+btn_id).addClass('tag badge badge-default');
                $("#"+btn_id).css({'border-color':'#18ce0f','color':'#18ce0f'});
                $("#"+btn_id).attr("onclick", "cambiarEstado('"+id+"', '1', '"+btn_id+"')");
            }else{
                $("#"+btn_id).text("Inactivo");
                $("#"+btn_id).removeClass();
                $("#"+btn_id).addClass('tag badge badge-default');
                $("#"+btn_id).css({'border-color':'#FF3636','color':'#FF3636'});
                $("#"+btn_id).attr("onclick", "cambiarEstado('"+id+"', '0', '"+btn_id+"')");
            }
        }
    });
    
}



</script>
@stop