@extends('evaluacionproveedores::layouts.app2')
@section('title')
{{app_name()}} | Lista Proyectos
@stop

@section('comandos')
<nav class="navbar navbar-controls nav-right">
    <div class="form-inline"> 
       
        <a href="{{route('evaluacionproveedores.crearproyecto')}}" title="Agregar Proyecto" class="btn btn-outline-secondary"><i class="ti ti-plus"></i></a>&nbsp;
        <a href="javascript:window.void(0)" title="Agregar Reseña" class="btn btn-warning"><i class="ti ti-star"></i></a>&nbsp;

    </div>
</nav>
@endsection

@section('contenido')
<div class="bgc-white p-20 bd" >
    <div class="card p-10 mB-10 bd">
<div class="form-row">
    <div class="col-7">
        <div class="input-group mb-2 mr-sm-2">
            <div class="input-group-prepend">
            <div class="input-group-text">Búsqueda</div>
            </div>
            <input type="text" class="form-control" id="terminobusqueda" placeholder="">
        </div>
    </div>
    <div class="col">
        <select id="filterColumnSearch" class="form-control" >
          <option value="0">Buscar En Tabla</option>
          <option value="1">Buscar Encargado</option>
          <option value="2">Buscar En Observaciones</option>
          <option value="3">Buscar En Resolución / Decreto </option>
        </select>
    </div>
    <div class="col">
        <div style="padding-top:5px;" class="custom-control custom-checkbox">
                <input type="checkbox" class="custom-control-input" id="solovigentes" checked>
            <label class="custom-control-label" for="solovigentes">Solo Vigentes</label>
        </div>
    </div>
  </div>


    </div>
  <table class="table table-striped table-bordered " id="tabla">
    <thead></thead>
    <tbody></tbody>
  </table>
</div>
</div>
<div id="container_ficha" class="container d-none" style="">
<div id="contenedor_ficha" style="" ></div>
<div id="contenedor_ficha_pdf"></div>
</div>
@endsection

{{-- @include('fondoexterno.includes.datatables')  --}}


@section('javascript')

<script src="{{ URL::asset('fondoext/js/jspdf.debug.js') }}"></script>
<script src="{{ URL::asset('fondoext/js/printThis.js') }}"></script>


<script>
var tabla=null;
var datos = null;
var cols = null;



$(document).ready(function(){

    $(".nav-item[data-menuref=lista] a").addClass("active").css("background","#dedede");
    $.fn.dataTable.moment( 'DD/MM/YYYY' );
   $.get({
        "dataType": 'json', 
        "type": "GET", 
        "url": "{{ route('evaluacionproveedores.listaproyectos') }}", 
        "success": function (dataStr) {
            datos=dataStr.data;
            cols = dataStr.columns;
            let data = filterData(true);
            tabla = $('#tabla').DataTable({
                dom: 'Brtip',
                responsive:{
                    breakpoints: [
                        { name: 'desktop', width: Infinity },
                        { name: 'tablet',  width: 900 },
                        { name: 'fablet',  width: 650 },
                        { name: 'phone',   width: 480 }
                    ]
                },
                "pageLength": 50,
                "columns": cols,
                "data": data,
                order: [[2, 'asc']],
                language: { url: '//cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json' },
                buttons: [
                    {
                        extend: 'copy',
                        text: 'Copiar'
                    },
                    {
                        extend: 'print',
                        text: 'Imprimir'
                    },
                    'excel',
                    {
                        extend: 'pdfHtml5',
                        orientation: 'landscape',
                        pageSize: 'LEGAL',
                        exportOptions: {
                            columns: ":visible(:not(:last-child))",//[':visible :not(:last-child)']",
                        }
                    },
                    @can('edit-fondoexterno')
                    {
                        text:'Exportar Seleccion en Fichas PDF',
                        action:function(e, dt, node, config){
                            console.log(dt.rows( { search: 'applied' } ).data());
                            let ids=[];
                            $(dt.rows( { search: 'applied' } ).data()).each(function(i,o){
                                ids.push(o.id);
                            });
                            console.log(ids.toString());
                            window.open('{{ route('fondoexterno.pdfmasivo') }}?seleccion='+ids.toString(), '_blank');
                        }
                    }
                    @endcan
                ],
                rowCallback: function (row, data) {
                    if ( data.vigente== 0 ) {
                        $(row).css('opacity',0.3);
                    }
                }
            });

            tabla.on( 'responsive-resize', function ( e, datatable, columns ) {
                    var count = columns.reduce( function (a,b) {return b === false ? a+1 : a;}, 0 );
                }
            );
            tabla.on( 'responsive-resize', function ( e, datatable, columns ) {
                    var count = columns.reduce( function (a,b) {return b === false ? a+1 : a;}, 0 );
                }
            );

            $("#filterColumnSearch").on('change',function(){

                let opcion=this.value;
                let cols_searchable=[];
                switch(opcion){
                        case '0':
                            cols_searchable=["id","tipo","cta_ingreso","cta_gasto","nombreinstitucion","n_codigo","nombre_programa","fin_plazo_ejecucion","fin_plazo_convenio"];
                            break;
                        case '1':
                            cols_searchable=["encargado"];
                            break;
                        case '2':
                            cols_searchable=["convenio_obs"];
                            break;
                        case '3':
                            cols_searchable=["resolucion","decreto"];
                            break;
                    }

                $(tabla.settings()[0].aoColumns).each(function(i,o){
                    if(cols_searchable.indexOf(o.data)!=-1){
                        tabla.settings()[0].aoColumns[i].bSearchable=true;
                    }else{
                        tabla.settings()[0].aoColumns[i].bSearchable=false;
                    }
                });
                localStorage.setItem('tipo_busqueda', opcion);
                tabla.rows().invalidate();
                $('#terminobusqueda').trigger('change');
            });

            //console.log(tabla.columns());
            tabla.on( 'init.dt', function () {
                $('#terminobusqueda').on('keyup change', function () {
                    localStorage.setItem('busqueda', this.value);
                    tabla.search(this.value,false, false, true).draw();
                });

                //autorrellnar
                if(localStorage.getItem('busqueda')!=undefined){
                    $('#terminobusqueda').val(localStorage.getItem('busqueda'));
                    if(localStorage.getItem('busqueda')!=undefined){
                        $("#filterColumnSearch").val(localStorage.getItem('tipo_busqueda')).change();
                    }else {
                        $('#terminobusqueda').trigger('change');
                    }
                    
                }
                
                $('#solovigentes').on('change', function(){
                    $('#tabla').dataTable().fnClearTable();
                    $('#tabla').dataTable().fnAddData( filterData(this.checked));
                    tabla.search( $('#terminobusqueda').value).draw();
                });
            }); 
        }
    });
  


});
function filterData(vigentes){
    let data = [];
    if(vigentes){

        $(datos).each(function(i,o){
            if(o.vigente==1){
                data.push(o);
            }
        });
    }else{
        data = datos;
    }
    return data;    
}
function cambiarFiltros(){


}

function exportPdf(url,n){
    let html =''; 
    $(html).load(url+" #formulario");
    $.get( url, function() {})
    .done(function(data) {
		console.log($(data).find("#contenedor-formulario"));
        $("#contenedor_ficha").html($(data).find("#contenedor-formulario"));
        let docDefinition = {
            pageSize: 'letter',
            pageOrientation: 'portrait',
            pageMargins: [ 40, 60, 40, 60 ],
        };
        $($(data).find("#formulario")).printThis({
			  debug:true,
			  printContainer: true,
			  importStyle:true,
			  removeInline:true,
			  canvas:true,
			  loadCSS:'{{ URL::asset('fondoext/css/custom.css') }}'});
         setTimeout(function(){ $('iframe').addClass("d-none") }, 1000);

    })
    .fail(function() {
        alert( "error al cargar la ficha" );
    });

}

function copiarConvenio(url,id){
	Swal({
	  title: '',
	  text: "¿Desea duplicar este registro?",
	  type: 'info',
	  showCancelButton: true,
	  confirmButtonColor: '#3085d6',
	  cancelButtonColor: '#d33',
	  confirmButtonText: 'Duplicar'
	}).then((result) => {
	  if (result.value) {
			window.location = url;
	  }
	});
}
</script>
@endsection