@extends('layouts.main', ['activePage' => 'Prestadores', 'titlePage' => 'Prestadores'])

@section('content')
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">

                    <div class="card ">
                        <!--Header-->
                        <div class="card-header card-header-info">
                            <h4 class="card-title">Estudiantes</h4>
                            <p class="card-category">Ingresar datos de los Estudiantes</p>
                        </div>
                        <!--End header-->
                        <!--Body-->
                        <div class="card-body">
                            <div class="row">

                                {!! Form::model($user, ['route' => ['Prestadores.update', $user->id], 'method' => 'PUT']) !!}
                                {{ csrf_field() }}
                                @include('prestadores.form.formedit')

                                {{ Form::close() }}
                            </div>
                        </div>
                    </div>
                </div>
            @endsection

            @section('scripts')
                <script type="text/javascript">
                    $("#search").on('keypress', function() {
                        var myText = $(this).val();


                        $.ajax({
                            url: '{{ route('getPrestador') }}',
                            type: "post",
                            dataType: "json",
                            data: {
                                _token: "{{ csrf_token() }}",
                                text: myText
                            },
                            success: function(response) {
                                $("#table-body").html(response);
                            }
                        })

                    })

                    function add() {
                        // Clonar contenedor, eliminar ID
                        let nuevo = $('#itemDate').clone();
                        nuevo.attr('id', '');
                        // Agregar clase para poder obtener el padre al eliminar
                        nuevo.addClass('itemDate');
                        nuevo.find('input').each(function() {
                            // Solo establecer el valor
                            this.value = '';
                            // Dejar el nombre con corchetes, para que sea un arreglo

                        });

                        // Agregar botón para eliminar
                        $(nuevo).append(' <button class="item-delete">X</button>');
                        // Insertar nuevo contenedor antes del botón "Agregar"
                        $(nuevo).insertBefore('#item-add');


                    }
                    // Función para eliminar
                    function removeThisFile(ele) {
                        // $(this) es el elemento que disparó el evento
                        // ele no es el elemento, sino el evento
                        // Obtener padre por clase, usando closest()
                        $(this).closest('.itemDate').remove();
                    }
                    // Escuchar clic en botón Agregar
                    $('#item-add .button').on('click', add);

                    // Escuchar clic en botones para borrar
                    $(document.body).on('click', '.item-delete', removeThisFile);

                    // Solo para probar
                    $('#item-check button').on('click', function() {
                        // Recorrer todos los campos
                        // Todos tienen el mismo nombre, pero cada uno tiene índice
                        $('[name="date[]"]').each(function(index) {
                            console.log(index, $(this)[0]);
                        });
                    });


                    $("#autocomplete-search").easyAutocomplete({
                        url: function(search) {
                            return "{{ route('prestador.search') }}?search=" + search;
                        },

                        getValue: "ci",
                        list: {
                            onClickEvent: function() {
                                var selectedPost = $("#autocomplete-search").getSelectedItemData();
                                $("#firstname").val(selectedPost.firstname);
                                $("#middlename").val(selectedPost.middlename);
                                $("#primary_lastname").val(selectedPost.primary_lastname);
                                $("#second_lastname").val(selectedPost.second_lastname);
                                // source: selectedPost;
                                // multiselect: true;

                            }
                            /* onChooseEvent: function() {
                                 var selectedPost = $("#autocomplete-search").getSelectedItemData();
                                 window.location = "{{ route('Prestadores.create') }}" + "/" + selectedPost.id;
                             }*/
                        }

                    });

                    /*$(document).ready(function() {
                        $("#tags").select2({
                                        placeholder: 'Seleccionar...',
                                        multiple: true,
                                        ajax: {
                                            type: 'GET',
                                            url: "{{ route('prestador.search') }}",
                                            dataType: 'json',
                                            processResults: function(data) {
                                                return {
                                                    results: $.map(data, function(posts) {
                                                        return {
                                                            text: posts.ci,
                                                            id: posts.ci
                                                        }
                                                    })
                                                };
                                            }
                                        }
                                    });
                                });*/

                    var route = "{{ route('prestador.search') }}";


                    $('#users').select2({

                        placeholder: 'Seleccionar Estudiantes',

                        escapeMarkup: function(markup) {
                            return markup;
                        },
                        templateResult: function(data) {

                            return data.html;
                        },
                        templateSelection: function(data) {


                            if (data && !data.selected)
                                return data.text;
                        },
                        ajax: {
                            url: route,
                            dataType: 'json',
                            delay: 250,
                            processResults: function(data) {
                                return {
                                    results: $.map(data, function(item) {
                                        return {
                                            html: "<span>" + item.primer_nombre + "<span> " + item.primer_apellido +
                                                " </span></span><br><span style='color:red'>" + item.cedula +
                                                "</span>",
                                            text: item.primer_nombre,
                                            id: item.cedula
                                        }
                                    })
                                };
                            },
                            cache: true,

                        }
                    });


                    $(function() {
                        $('#proyect').change(function() {
                            var valor = $(this).val();
                            console.log(valor);
                            $("#especialidad").empty();
                            axios.get('{{ route('especialidad') }}', {
                                params: {
                                    valor: valor

                                }
                            }).then(response => {
                                $('#especialidad').append('<option>--Seleccione--</option>');
                                response.data.forEach(provinces => {
                                    $('#especialidad').append('<option value="' + provinces.cod + '">' +
                                        provinces.nombre + '</option>');
                                    //console.log(response.data);
                                });

                            });
                        });






                    });


                    $(document).ready(function() {
                        // $('#periodo').mask('0000-ii');
                        $('#grupo').mask('00');
                    });
                </script>
            @endsection