@isset($valores)
@php($titulo_pagina="Editar Proveedor Nº ".$valores["id"])
@else
@php( $valores=null)
@php( $modo='new')
@endisset
@if ($modo=='new')
@php( $titulo_pagina='Nuevo Proveedor')
@elseif($modo=='view')
@php( $titulo_pagina="Ver Proveedor Nº ".$valores["id"])
@else
@php( $titulo_pagina="Editar Proveedor Nº ".$valores["id"])
@endif

@extends('layouts.app')

@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"><a href="{{ route('evaluacionproveedores.listaproveedores') }}">Proveedores</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ $titulo_pagina}}</li>
  </ol>
</nav>
@stop

@section('comandos')
<nav class="navbar navbar-controls nav-right">
    <div class="form-inline"> 
        @can('edit-fondoexterno')
        @if($modo!='view')
        <a href="javascript:$('#formulario').submit()" class="btn btn-primary"><i class="ti ti-save"></i></a></a>&nbsp;
        @else
        <a href="{{route('evaluacionproveedores.editarproveedor',['id'=>$valores['id'] ]) }}" class="btn btn-primary"><i class="ti ti-pencil"></i></a></a>&nbsp;
        @endif
        @endcan
        <a href="javascript:window.print()" class="btn btn-outline-secondary"><i class="ti ti-printer"></i></a>&nbsp;

    </div>
</nav>
@endsection



@section('content')


<div class="p-20 bd" id="contenedor-formulario" style="@if($modo=='edit')background1:#fff8ed;@endif">

<form id="formulario" class="py-3" action="{{route('evaluacionproveedores.guardarproveedor')}}" method="post">
@csrf
@if($modo=='edit')
{{ Form::hidden('id',$valores["id"] ) }}
@endif

<div class="row">
    <div class="form-group col-md-2">
            @include('evaluacionproveedores::form.text',['id'=>'rut','nombre'=>'RUT','valor'=>(isset($valores["rut"])?$valores["rut"]:''),'placeholder'=>'','required'=>'true','lineas'=>1,'clase'=>'form-control'])
    </div>

    <div class="form-group col-md-10">
            @include('evaluacionproveedores::form.text',['id'=>'nombre','nombre'=>'Nombre o Razón Social','valor'=>(isset($valores["nombre"])?$valores["nombre"]:''),'placeholder'=>'','required'=>'true','lineas'=>1,'clase'=>'form-control'])
    </div>
    <div class="form-group col-md-12">
            @include('evaluacionproveedores::form.text',['id'=>'representante_legal','nombre'=>'Representante Legal','valor'=>(isset($valores["representante_legal"])?$valores["representante_legal"]:''),'placeholder'=>'','required'=>'true','lineas'=>1,'clase'=>'form-control'])
    </div>
</div>
<div class="row">
    <div class="form-group col-md-8">
            @include('evaluacionproveedores::form.text',['id'=>'direccion','nombre'=>'Dirección','valor'=>(isset($valores["direccion"])?$valores["direccion"]:''),'placeholder'=>'','required'=>'true','clase'=>'form-control'])
    </div>
    <div class="form-group col-md-4">
            @include('evaluacionproveedores::form.select',['id'=>'ciudad','nombre'=>'Ciudad','valor'=>'','placeholder'=>'','required'=>'true','clase'=>'form-control'])
    </div>
</div>
<div class="row">

    <div class="form-group col-md-6">
            @include('evaluacionproveedores::form.text',['id'=>'nombre_contacto','nombre'=>'Nombre Contacto','valor'=>(isset($valores["nombre_contacto"])?$valores["nombre_contacto"]:''),'placeholder'=>'','required'=>'true','clase'=>'form-control'])
    </div>
    <div class="form-group col-md-3">
            @include('evaluacionproveedores::form.text',['id'=>'telefono_contacto','nombre'=>'Teléfono Contacto','valor'=>(isset($valores["telefono_contacto"])?$valores["telefono_contacto"]:''),'placeholder'=>'','required'=>'true','clase'=>'form-control'])
    </div>
    <div class="form-group col-md-3">
            @include('evaluacionproveedores::form.text',['id'=>'email_contacto','nombre'=>'Email Contacto','valor'=>(isset($valores["email_contacto"])?$valores["email_contacto"]:''),'placeholder'=>'','required'=>'true','clase'=>'form-control'])
    </div>

</div>
<div class="row">
    <div class="form-group col-md-12">
            @include('evaluacionproveedores::form.textarea',['id'=>'observaciones','nombre'=>'Observaciones','valor'=>(isset($valores["observaciones"])?$valores["observaciones"]:''),'placeholder'=>'','required'=>'true','clase'=>'form-control'])
    </div> 
   

</div>
<div class=" row mb-5">

<div class="col-12" id="lista-calificaciones"><h4>Calificaciones</h4>

<table id="tabla_referencias" class="table table-stripped">
<thead>
    <tr>
        <th style="width:15%">Fecha</th>
        <th style="width:20%">Autor</th>
        <th style="width:20%">Proyecto</th>
        <th style="width:auto">Observaciones</th>
        <th style="width:auto">Calidad</th>
        <th style="width:auto">Cumplimiento</th>
        <th style="width:auto">Post Venta</th>
        <th style="width:5%">Nota</th>
        <th style="width:10%">Opciones</th>
    </tr>
</thead>
<tbody>

</tbody>
</table>

<h3 class="text-right">Promedio :<strong id="promedio_notas">-</strong></h3>

</div>


</div>

<div class="controles text-right">
        <button type="submit" class="btn btn-primary">Guardar</button>
        <a href="#" id="print" class="btn btn-secondary">Imprimir</a>
</div>

</form>

</div>

@include('evaluacionproveedores::modalEvaluaciones')

@parent
@endsection

@push('pre-scripts')


<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="{{ URL::asset('fondoext/js/moment-with-locales.min.js')}}"></script>
<script src="{{ URL::asset('fondoext/js/gijgo.min.js')}}"></script> -->
<link href="https://cdn.jsdelivr.net/npm/gijgo@1.9.6/css/gijgo.min.css" rel="stylesheet" type="text/css" />
<!-- <script src="{{ URL::asset('fondoext/js/messages/messages.es-es.min.js')}}"></script>
<link src="{{ URL::asset('fondoext/css/gijgo.css')}}" rel="stylesheet" type="text/css"> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js" integrity="sha256-sPB0F50YUDK0otDnsfNHawYmA5M0pjjUf4TvRJkGFrI=" crossorigin="anonymous"></script>
<!-- <script src="{{ URL::asset('fondoext/tinymce/tinymce.js')}}"></script> -->
<script src="https://github.com/makeusabrew/bootbox/releases/download/v5.3.2/bootbox.all.min.js"></script>



<script>

document.addEventListener('keydown', function (event) {
  if (event.keyCode === 13 && event.target.nodeName === 'INPUT') {
    var form = event.target.form;
    var index = Array.prototype.indexOf.call(form, event.target);
    form.elements[index + 1].focus();
    event.preventDefault();
  }
});


$().ready(function() {
    
            @if($modo == 'edit' || $modo == 'new')



            $('.datepicker').each(function() {
                $(this).datepicker({
                    uiLibrary: 'bootstrap4',
                    format: "dd/mm/yyyy",
                    todayBtn: "linked",
                    clearBtn: true,
                    locale: 'es-es',
                    modal: true,
                    showOnFocus: true,
                    weekStartDay:1,
                    rightIcon: '<i class="oi oi-calendar"></i>',
                });
                $(this).keypress(function(e) {
                    e.preventDefault();
                });
                // $(this).on('input',function(e){ return  e.preventDefault();});
            });
            @endif
            $("#print").click(function() {
                window.print();
            });


            $("#formulario").validate({
                submitHandler: function(form) {
                    console.log("submit");
                    return true;
                },
                errorElement: "em",
                errorPlacement: function(error, element) {
                    error.addClass("invalid-feedback");
                    if (element.prop("type") === "checkbox") {
                        error.insertAfter(element.next("label"));
                    } else {
                        error.insertAfter(element);
                    }
                },
                highlight: function(element, errorClass, validClass) {
                    $(element).addClass("is-invalid").removeClass("is-valid");
                },
                unhighlight: function(element, errorClass, validClass) {
                    $(element).addClass("is-valid").removeClass("is-invalid");
                }
            });
          
            $.get({
                "dataType": 'json',
                "type": "GET",
                "url": "{{route ('evaluacionproveedores.jsonlistaproveedores')}}",
                "success": function(data) {
                    $.each(data, function(i, o) {
                        // console.log(o);
                        @isset($valores['id_proveedor'])
                         if (o.id == {{ $valores['id_proveedor'] }} ) {
                            $('#id_proveedor').append("<option selected value='" + o.id + "'>" + o
                                .nombre + "</option>");
                        } else {
                            $('#id_proveedor').append("<option value='" + o.id + "'>" + o.nombre +
                                "</option>");
                        }
                        @else
                        $('#id_proveedor').append("<option value='" + o.id + "'>" + o.nombre +
                            "</option>");
                        @endisset

                    });
                }

            });
            @if($modo != 'new')
            $('#tabla_referencias').dataTable( {
                responsive:true,
                dom: 'rtip',
                "pageLength": 50,
                "ajax": {
                        "url": "{{ route ('evaluacionproveedores.jsonlistaevaluacionesxproveedor',['id'=>$valores['id']]) }}",
                        "dataSrc":  function (data ) {
                            let json=[];
                            for ( var i=0, ien=data["data"].length ; i<ien ; i++ ) {
                                json[i]=[];
                                json[i][0] = data["data"][i]['created_at'];
                                json[i][1] = data["data"][i]['user']["name"]+" "+data["data"][i]['user']["last_name"];
                                json[i][2] = data["data"][i]['proyecto']["nombre_proyecto"];
                                json[i][3] = data["data"][i]['observaciones'];
                                json[i][4] = Number.parseFloat(data["data"][i]['calidad']).toFixed(1);
                                json[i][5] = Number.parseFloat(data["data"][i]['plazo']).toFixed(1);
                                json[i][6] = Number.parseFloat(data["data"][i]['postventa']).toFixed(1);
                                json[i][7] = Number.parseFloat(data["data"][i]['nota']).toFixed(2);
                                @if($modo == 'edit')  
                                json[i][8] = "<a href='javascript:void(0)' onclick='editar_calificacion("+i+")' class='btn btn-sm'><i class='ti ti-pencil' title='Calificar'></i></a>";
                                @else
                                json[i][8] = "";
                                @endif
                                json[i][9] = data["data"][i]["id"];
                            }
                            return json;
                        }
                    },
                    "footerCallback": function( tfoot, data, start, end, display ) {
                       console.log(data);
                       let tot=0;
                        $.each(data,function(i,o){
                            tot=parseFloat(tot)+parseFloat(o[7]);
                            console.log(tot);
                        });
                       
                        tot= Number.parseFloat(tot/data.length).toFixed(2);

                        $("#promedio_notas").html(tot);
                    }
            });
            @endif



            let ciudades = [ { region: "Aisén del Gral. Carlos Ibáñez del Campo", comunas: [ "Aisén", "Chile Chico", "Cisnes", "Cochrane", "Coihaique", "Guaitecas", "Lago Verde", "O’Higgins", "Río Ibáñez", "Tortel" ] }, { region: "Antofagasta", comunas: [ "Antofagasta", "Calama", "María Elena", "Mejillones", "Ollagüe", "San Pedro de Atacama", "Sierra Gorda", "Taltal", "Tocopilla" ] }, { region: "Arica y Parinacota", comunas: ["Arica", "Camarones", "General Lagos", "Putre"] }, { region: "Atacama", comunas: [ "Alto del Carmen", "Caldera", "Chañaral", "Copiapó", "Diego de Almagro", "Freirina", "Huasco", "Tierra Amarilla", "Vallenar" ] }, { region: "Biobío", comunas: [ "Alto Biobío", "Antuco", "Arauco", "Cabrero", "Cañete", "Chiguayante", "Concepción", "Contulmo", "Coronel", "Curanilahue", "Florida", "Hualpén", "Hualqui", "Laja", "Lebu", "Los Álamos", "Los Ángeles", "Lota", "Mulchén", "Nacimiento", "Negrete", "Penco", "Quilaco", "Quilleco", "San Pedro de la Paz", "San Rosendo", "Santa Bárbara", "Santa Juana", "Talcahuano", "Tirúa", "Tomé", "Tucapel", "Yumbel" ] }, { region: "Coquimbo", comunas: [ "Andacollo", "Canela", "Combarbalá", "Coquimbo", "Illapel", "La Higuera", "La Serena", "Los Vilos", "Monte Patria", "Ovalle", "Paiguano", "Punitaqui", "Río Hurtado", "Salamanca", "Vicuña" ] }, { region: "La Araucanía", comunas: [ "Angol", "Carahue", "Cholchol", "Collipulli", "Cunco", "Curacautín", "Curarrehue", "Ercilla", "Freire", "Galvarino", "Gorbea", "Lautaro", "Loncoche", "Lonquimay", "Los Sauces", "Lumaco", "Melipeuco", "Nueva Imperial", "Padre las Casas", "Perquenco", "Pitrufquén", "Pucón", "Purén", "Renaico", "Saavedra", "Temuco", "Teodoro Schmidt", "Toltén", "Traiguén", "Victoria", "Vilcún", "Villarrica" ] }, { region: "Libertador Gral. Bernardo O’Higgins", comunas: [ "Chépica", "Chimbarongo", "Codegua", "Coinco", "Coltauco", "Doñihue", "Graneros", "La Estrella", "Las Cabras", "Litueche", "Lolol", "Machalí", "Malloa", "Marchihue", "Mostazal", "Nancagua", "Navidad", "Olivar", "Palmilla", "Paredones", "Peralillo", "Peumo", "Pichidegua", "Pichilemu", "Placilla", "Pumanque", "Quinta de Tilcoco", "Rancagua", "Rengo", "Requínoa", "San Fernando", "San Vicente", "Santa Cruz" ] }, { region: "Los Lagos", comunas: [ "Ancud", "Calbuco", "Castro", "Chaitén", "Chonchi", "Cochamó", "Curaco de Vélez", "Dalcahue", "Fresia", "Frutillar", "Futaleufú", "Hualaihué", "Llanquihue", "Los Muermos", "Maullín", "Osorno", "Palena", "Puerto Montt", "Puerto Octay", "Puerto Varas", "Puqueldón", "Purranque", "Puyehue", "Queilén", "Quellón", "Quemchi", "Quinchao", "Río Negro", "San Juan de la Costa", "San Pablo" ] }, { region: "Los Ríos", comunas: [ "Corral", "Futrono", "La Unión", "Lago Ranco", "Lanco", "Los Lagos", "Máfil", "Mariquina", "Paillaco", "Panguipulli", "Río Bueno", "Valdivia" ] }, { region: "Magallanes y de la Antártica Chilena", comunas: [ "Antártica", "Cabo de Hornos (Ex Navarino)", "Laguna Blanca", "Natales", "Porvenir", "Primavera", "Punta Arenas", "Río Verde", "San Gregorio", "Timaukel", "Torres del Paine" ] }, { region: "Maule", comunas: [ "Cauquenes", "Chanco", "Colbún", "Constitución", "Curepto", "Curicó", "Empedrado", "Hualañé", "Licantén", "Linares", "Longaví", "Maule", "Molina", "Parral", "Pelarco", "Pelluhue", "Pencahue", "Rauco", "Retiro", "Río Claro", "Romeral", "Sagrada Familia", "San Clemente", "San Javier", "San Rafael", "Talca", "Teno", "Vichuquén", "Villa Alegre", "Yerbas Buenas" ] }, { region: "Metropolitana de Santiago", comunas: [ "Alhué", "Buin", "Calera de Tango", "Cerrillos", "Cerro Navia", "Colina", "Conchalí", "Curacaví", "El Bosque", "El Monte", "Estación Central", "Huechuraba", "Independencia", "Isla de Maipo", "La Cisterna", "La Florida", "La Granja", "La Pintana", "La Reina", "Lampa", "Las Condes", "Lo Barnechea", "Lo Espejo", "Lo Prado", "Macul", "Maipú", "María Pinto", "Melipilla", "Ñuñoa", "Padre Hurtado", "Paine", "Pedro Aguirre Cerda", "Peñaflor", "Peñalolén", "Pirque", "Providencia", "Pudahuel", "Puente Alto", "Quilicura", "Quinta Normal", "Recoleta", "Renca", "San Bernardo", "San Joaquín", "San José de Maipo", "San Miguel", "San Pedro", "San Ramón", "Santiago", "Talagante", "Tiltil", "Vitacura" ] }, { region: "Ñuble", comunas: [ "Bulnes", "Chillán", "Chillán Viejo", "Cobquecura", "Coelemu", "Coihueco", "El Carmen", "Ninhue", "Ñiquén", "Pemuco", "Pinto", "Portezuelo", "Quillón", "Quirihue", "Ránquil", "San Carlos", "San Fabián", "San Ignacio", "San Nicolás", "Treguaco", "Yungay" ] }, { region: "Tarapacá", comunas: [ "Alto Hospicio", "Camiña", "Colchane", "Huara", "Iquique", "Pica", "Pozo Almonte" ] }, { region: "Valparaíso", comunas: [ "Algarrobo", "Cabildo", "Calera", "Calle Larga", "Cartagena", "Casablanca", "Catemu", "Concón", "El Quisco", "El Tabo", "Hijuelas", "Isla de Pascua", "Juan Fernández", "La Cruz", "La Ligua", "Limache", "Llaillay", "Los Andes", "Nogales", "Olmué", "Panquehue", "Papudo", "Petorca", "Puchuncaví", "Putaendo", "Quillota", "Quilpué", "Quintero", "Rinconada", "San Antonio", "San Esteban", "San Felipe", "Santa María", "Santo Domingo", "Valparaíso", "Villa Alemana", "Viña del Mar", "Zapallar" ] } ];
            
            $.each(ciudades,function(idx,opt){
                $("#ciudad").append("<optgroup label='"+opt.region+"'>");
                $.each(opt.comunas,function(i,o){
                    $("#ciudad").append("<option>"+o+"</option>");
                });
                $("#ciudad").append("</optgroup>");
            });
            @isset($valores["ciudad"])
            $("#ciudad").val("{{ $valores["ciudad"] }}");    
            @endisset


            // tinymce.init({
            //     selector: "textarea.editor",
            //     theme: "modern",
            //     height: 200,
            //     menubar: false,
            //     language: 'es_MX',
            //     plugins: [
            //         'advlist autolink lists link image charmap print preview hr anchor pagebreak',
            //         'searchreplace wordcount visualblocks visualchars code fullscreen',
            //         'insertdatetime media nonbreaking save table contextmenu directionality',
            //         'emoticons template paste textcolor colorpicker textpattern imagetools'
            //     ],
            //     toolbar1: 'insertfile undo redo  | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media | forecolor backcolor emoticons',
            //     // toolbar2: '',
            //     image_advtab: true,
            //     setup : function(ed){
            //         ed.on('init', function() 
            //         {
            //             this.getDoc().body.style.fontSize = '14px';
            //             this.getDoc().body.style.fontFamily = 'Arial';
            //         });
            //     },
            // });
            // tinymce.suffix = ".min";

            $(".numero input").on("keyup",function(input){
                let num = this.value.replace(/\./g,"");
                if(!isNaN(num)){
                num = num.toString().split("").reverse().join("").replace(/(?=\d*\.?)(\d{3})/g,'$1.');
                num = num.split("").reverse().join("").replace(/^[\.]/, "");
                this.value = num;
                }

                else{ //alert("Solo se permiten numeros");
                this.value = this.value.replace(/[^\d\.]*/g,"");
                }
            });

            @isset($errores)
            @foreach($errores as $key => $error) {
            ) {
                @if($error != "")
                $("<em class='invalid-feedback '>{{$error}}</em>").insertAfter($("#{{$key}}"));
                $("#{{$key}}").addClass("is-invalid");
                @endif
                @endforeach
                @endisset



                @if($modo == 'view')
                $('input').each(function(i, o) {
                    $(this).attr('disabled', 'disabled');
                });
                $('select').each(function(i, o) {
                    $(this).attr('disabled', 'disabled');
                });
                $('textarea').each(function(i, o) {
                    $(this).attr('disabled', 'disabled');
                });
                //$("textarea").editor().destroy();
                //tinymce.activeEditor.setMode('readonly');


                $('button[type=submit]').attr('disabled', 'disabled').addClass('d-none');
                @endif

    
            });

       

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

            $("#formulario_calificaciones input[name=id]").val(datos[9]);
            $("#formulario_calificaciones select#calidad").val(datos[4]);
            $("#formulario_calificaciones select#plazo").val(datos[5]);
            $("#formulario_calificaciones select#postventa").val(datos[6]);
            $("#formulario_calificaciones textarea#observaciones_referencia").val(datos[3]);

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

    }


</script>
@endpush