@extends('layouts.app')
@section('title')
Lista Proyectos
@stop


@section('breadcrumb')
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
    <li class="breadcrumb-item"><a href="{{ route('evaluacionproveedores.listaproyectos') }}">Evaluación de Proveedores</a></li>
    <li class="breadcrumb-item active">Proyectos</li>

  </ol>
</nav>
@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;

    </div>
</nav>
@endsection

@section('content')

<div class="bgc-white p-20 bd" >
    <div class="card p-10 mB-10 bd">
    <div class="text-right"> 
    @can('evaluacionproveeedores.edit')
       <a href="{{ route('evaluacionproveedores.crearproyecto') }}" title="Agregar Proyecto" class="btn btn-sm btn-primary  mb-1"><i class="ti ti-plus"></i> Agregar Proyecto</a>&nbsp;
    @endcan
   </div>
<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>
        </select>
    </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>

@include('evaluacionproveedores::modalEvaluaciones')
@endsection

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

@push('pre-scripts')
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script> 
@endpush



@push('post-scripts')

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.33.1/dist/sweetalert2.all.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/printThis/1.15.0/printThis.js" integrity="sha256-c30AriwlYd8As+X/SAMm9dKVZ0OSS6V/Ub/krEBQyMk=" crossorigin="anonymous"></script>
<link src="https://cdn.datatables.net/1.10.18/css/dataTables.bootstrap4.css" type="stylesheet">
  <link src="https://cdn.datatables.net/buttons/1.5.1/css/buttons.bootstrap4.min.css" type="stylesheet">
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.2/css/responsive.dataTables.css"/>

  <script src="https://cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js"></script>
  <script src="https://cdn.datatables.net/1.10.18/js/dataTables.bootstrap4.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.bootstrap4.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js"></script>

  <script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.js"></script>

  <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script> 
  <script src="//cdn.datatables.net/plug-ins/1.10.18/sorting/datetime-moment.js"></script> 
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.33.1/dist/sweetalert2.all.min.js"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> 
<script src="https://github.com/makeusabrew/bootbox/releases/download/v5.3.2/bootbox.all.min.js"></script>

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



$(document).ready(function(){

    $(".nav-item[data-menuref=listaproyectos] a").addClass("active").css("background","#dedede");
    $.fn.dataTable.moment( 'DD/MM/YYYY' );

    let columnas=[
        {data:"id",title:"ID"},
        {data:"nombre_proyecto",title:"Nombre","render": function ( data, type, row, meta ) {
            return "<a href='{{ route('evaluacionproveedores.listaproyectos') }}/"+row.id+"/ver' >"+row.nombre_proyecto+"</a>";
        }},
        {data:"fecha_inicio",title:"Inicio"},
        {data:"fecha_termino",title:"Fin"},
        {data:"proveedor.id",title:"Proveedor","render": function ( data, type, row, meta ) {
            return "<a href='{{ route('evaluacionproveedores.listaproveedores') }}/"+row.proveedor.id+"/ver' >"+row.proveedor.nombre+"</a>";
        }},
        {data:"supervisor.direccion.nombre",title:"Unidad Técnica"},
        {data:"supervisor.full_name",title:"Supervisor"},
        {data:"calificaciones[0].calidad",title:"Calidad"},
        {data:"calificaciones[0].plazo",title:"Cumplimiento"},
        {data:"calificaciones[0].postventa",title:"Post Venta"},
        {data:"calificaciones[0].nota",title:"Nota"},
        
        {data:"calificaciones[0].id",title:"Opciones","render": function ( data, type, row, meta ) {
                    let opc="";
                   // console.log(row);
                    @can('evaluacionproveeedores.edit')
                    opc+="<a class='btn btn-sm btn-primary' href='{{ route('evaluacionproveedores.listaproyectos') }}/"+row.id+"'><i class='ti ti-pencil' title='Editar'></i></a>&nbsp;";
                    @endcan
                    if(row.supervisor.id =={{auth()->user()->id}} || row.creador.id == {{auth()->user()->id}}){
                        opc+="<a class='btn btn-sm btn-secondary'  href='javascript:void(0)' onclick='editar_calificacion("+meta.row+")'><i class='ti ti-star' title='Evaluar'></i></a>";
                    }
                   // opc+="<a href='#'></a>";
                    return opc;//'<a href="'+data+'">Download</a>';
        }},
    ];

    
    $.get({
        "dataType": 'json', 
        "type": "GET", 
        "url": "{{ route('evaluacionproveedores.jsonlistaproyectos') }}", 
        "success": function (dataStr) {
            console.log(dataStr.data);
            datos=dataStr.data;
            cols = columnas;

            $.each(datos, function(i, o) {
                datos[i].calificaciones[0].calidad =  Number.parseFloat(datos[i].calificaciones[0].calidad).toFixed(1);
                datos[i].calificaciones[0].plazo =  Number.parseFloat(datos[i].calificaciones[0].plazo).toFixed(1);
                datos[i].calificaciones[0].postventa =  Number.parseFloat(datos[i].calificaciones[0].postventa).toFixed(1);
            });

            //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": datos,
                order: [[1, '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)']",
                        }
                    },
                ],
            });

            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();
                });

                //autorrellenar
                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');
                    }
                    
                }
            }); 
        }
    });
  


});
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 editar_calificacion(item){
    console.log( $("#tabla").DataTable().rows().data()[item]);
    let datos=$("#tabla").DataTable().rows().data()[item];

    $("#formulario_calificaciones input[name=id]").val(datos.calificaciones[0].id);
    $("#formulario_calificaciones select#calidad").val(datos.calificaciones[0].calidad);
    $("#formulario_calificaciones select#plazo").val(datos.calificaciones[0].plazo);
    $("#formulario_calificaciones select#postventa").val(datos.calificaciones[0].postventa);
    $("#formulario_calificaciones textarea#observaciones_referencia").val(datos.calificaciones[0].observaciones);

    $("#modal_referencia").modal();

}
function agregar_referencia(){
    //variables
    let params = $("#modal_referencia form").serialize();
    console.log(params);
    $.post( "{{ route('evaluacionproveedores.guardarevaluacion') }}",params )
        .done(function( data ) {
            if(data.estado=="OK"){

                $.get({
                    "dataType": 'json', 
                    "type": "GET", 
                    "url": "{{ route('evaluacionproveedores.jsonlistaproyectos') }}", 
                    "success": function (dataStr) {
                        $.each(dataStr.data, function(i, o) {
                            dataStr.data[i].calificaciones[0].calidad =  Number.parseFloat(dataStr.data[i].calificaciones[0].calidad).toFixed(1);
                            dataStr.data[i].calificaciones[0].plazo =  Number.parseFloat(dataStr.data[i].calificaciones[0].plazo).toFixed(1);
                            dataStr.data[i].calificaciones[0].postventa =  Number.parseFloat(dataStr.data[i].calificaciones[0].postventa).toFixed(1);
                        });
                        $("#tabla").DataTable().clear().rows.add(dataStr.data).draw();
                    }
                });

                $('#modal_referencia .modal-header button').trigger('click');
                //$('#modal_referencia form').reset();
                $('.modal-backdrop').remove();
                Swal(data.mensaje);
            }else{
                Swal(data.estado,data.mensaje,"danger");   
            }
        });
}




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" );
    });

}
</script>
@endpush