EVOLUTION-MANAGER

Edit File: editar.blade.php

@extends('layouts.backend')
@section('titulo')
Actualizar pregunta y respuesta
@stop
@section('style')
<link rel="stylesheet" href="{{asset('admin/plugins/selective/selectize.bootstrap3.css')}}">

@stop
@section('contenido')
@include('alerts.errors')
@include('alerts.request')
 
{!! Form::model($pregunta, array('method' => 'PATCH', 'route' => array('preguntas.update', $pregunta->id))) !!} 
    <div class="form-group">
            {!! Form::label('pregunta', 'Nombre de la Nuevo pregunta ') !!}
            {!! Form::Text('pregunta',null,['class'=>'form-control', 'placeholder'=>'Nombre de pregunta']) !!}
    </div>

<div class="form-group">
            {!! Form::label('respuesta_texto', 'Respuesta Opcional ') !!}
            {!! Form::Text('respuesta_texto',null,['class'=>'form-control', 'placeholder'=>'Opcional']) !!}
    </div>

<div class="form-group">
            {!! Form::label('respuesta', 'respuesta') !!}
            <select id="respuesta" name="respuesta[]" multiple ></select>
            
    </div>      
            {!!Form::submit('Actualizar',['class'=>'btn btn-primary'])!!}
{!! Form::close() !!}
@stop
@section('script')
<script type="text/javascript" src="{{asset('admin/plugins/selective/selectize.js')}}"></script>
<script type="text/javascript">
	$('#respuesta').selectize({   
        valueField: 'id', 
        labelField: 'value',  
        searchField: 'value',
        // delimiter: ',',
        // persist: false,
        // highlight:true, //Alterna el resaltado de coincidencias dentro del menú desplegable.
        // hideSelected:true, // los elementos que están seleccionados actualmente no se mostrarán en la lista desplegable de opciones disponibles.
        create: function (input, callback){
                $.ajax({
                    url: "{{ url('guardar_respuestas') }}"  ,
                    type: 'POST',
                    data:{_token:"{{csrf_token()}}",respuesta:input,tipo:'respuesta'},
                    success: function (result) {
                        if (result) {
                            callback({ value: input, id: result });
                            console.log(result);
                        }
                    }
                });
            },
        render: {
            item: function(item, escape) {
                return '<div>' +
                    (item.value ? '<span class="item_alert_span">' + escape(item.value) + '</span>' : '') +
                '</div>';
            },
            option: function(item, escape) {
                 return '<div>' +             
                    '<span class="description">' + escape(item.value) + '</span>' +     
                    // '<br><span>'+escape(item.identificacion)+'</span>'    +      
                '</div>';
            },
            option_create: function(data, escape) {
                var addString="Agregar ";
                  return '<div class="create">'+addString+'<strong>'+escape(data.input) +'</strong></div>';
            }
        },
        score: function(search) {
            var score = this.getScoreFunction(search);
            return function(item) {
                return score(item);
            };
        },
        load: function(query, callback) {
            if (!query.length) return callback();
            $.ajax({
                url: '{{url('consulta_respuestas')}}',
                type: 'POST',
                data:{_token:"{{csrf_token()}}",dato:query,tipo:'respuesta'},
                error: function() {
                    callback();
                },
                success: function(res) {
                    callback(res.slice(0, 10));
                }
            });
        }
        @if(count($respuestas)), 
        onInitialize: function(){
            var sel=[];
            @foreach($respuestas as $alert)
            this.addOption([{"value":"{{$alert->value }}","id":"{{$alert->id }}"}]);
            sel.push('{{ $alert->id }}');
            @endforeach
            this.setValue(sel); 
        
                
        }
        @endif
        ,
        onItemAdd: function (value, $item) {
            // alert("Add item "+ $item.text());
            // console.log($item);
            $.ajax({
                url: "{{ url('guardar_respuestas') }}"  ,
                type: 'POST',
                data:{_token:"{{csrf_token()}}",respuesta:$item.text(),respuesta_id:value},
                success: function (result) {
                    if (result) {
                        // callback({ value: input.toUpperCase(), id: result });
                        // console.log(result);
                    }
                }
            });
        },

});
</script>
@stop