<div class="modal fade" id="EditarPregunta" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title caption-subject font-blue-secondary sbold uppercase">Editar Pregunta</h4>
            </div>
            <div class="modal-body">
                <input id="PreguntaEditarId" class="hidden" value="{{$pregunta->id}}">
                <div class="form-group">
                    <label class="control-label" for="PreguntaDescripcionEditar">Nombre</label>
                    <input id="PreguntaDescripcionEditar" class="form-control" value="{{$pregunta->descripcion}}" text="{{$pregunta->descripcion}}" required autocomplete="off"/>
                </div>
                <div class="form-group">
                    <label class="control-label" for="TipoPreguntaEditar">Tipo Pregunta</label>
                    <select id="TipoPreguntaEditar" class="form-control TipoPreguntaEditar">
                        <option value="1">Texto</option>
                        <option value="2">Selecci&oacute;n &Uacute;nica</option>
                        <option value="3">Selecci&oacute;n M&uacute;ltiple</option>
                    </select>
                </div>
                <div class="form-group">
                    <div id="TextoEditar">
                        <input class="form-control" disabled="disabled" />
                    </div>
                    <div id="SeleccionMultipleEditar" style="display:none">
                        <div class="padding-bottom-10 padding-top-10">
                            <a onclick="AddRespuestaMultipleEditar()" class="btn btn-primary display-inline-block width-100" style="text-align:center"><i class="fa fa-plus" style="margin-right:10px"></i> A&ntilde;adir Respuestas</a>
                        </div>
                        <hr />
                        <div id="SeleccionMultipleRespuestaEditar">
                            @if ($pregunta->id_tipo_pregunta == 3)
                                @foreach ($pregunta->respuestas as $respuesta)
                                    <div class='form-group row'>
                                        <div class='col-lg-9 col-md-8 margin-bottom-5'>
                                            <input type='text' value="{{$respuesta->descripcion}}" class='RespuestaMultipleEditar form-control' />
                                        </div>
                                        <div  class='col-lg-3 col-md-4'>
                                            <button onclick='RemoveRespuesta(this);' class='btn btn-danger' style='width:100%;'>
                                                <i class='fa fa-minus' style='padding-right:10px'></i>Elimnar
                                            </button>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                    <div id="SeleccionUnicaEditar" style="display:none">
                        <div class="padding-bottom-10 padding-top-10">
                            <a onclick="AddRespuestaUnicaEditar()" class="btn btn-primary display-inline-block width-100" style="text-align:center"><i class="fa fa-plus" style="margin-right:10px"></i> A&ntilde;adir Respuestas</a>
                        </div>
                        <hr />
                        <div id="SeleccionUnicaRespuestaEditar">
                            @if ($pregunta->id_tipo_pregunta == 2)
                                @foreach ($pregunta->respuestas as $respuesta)
                                    <div class='form-group row'>
                                        <div class='col-lg-9 col-md-8 margin-bottom-5'>
                                            <input type='text' value="{{$respuesta->descripcion}}" class='RespuestaUnicaEditar form-control' />
                                        </div>
                                        <div class='col-lg-3 col-md-4'>
                                            <button onclick='RemoveRespuesta(this);' class='btn btn-danger' style='width:100%;'>
                                                <i class='fa fa-minus' style='padding-right:10px'></i>Elimnar
                                            </button>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button id="SavePreguntaEditar" onclick="GuardarPreguntaEditar()" type="button" class="btn btn-primary ladda-button" data-style="slide-down">
                    <span class="ladda-label">Guardar</span>
                    <span class="ladda-spinner"></span>
                </button>
            </div>
        </div>
    </div>
</div>
<script>
$(function(){
    var id = "{{$pregunta->id_tipo_pregunta}}";
    $(".TipoPreguntaEditar").val(id);

    if (id === "1") {
        $("#SeleccionMultipleEditar").css('display', 'none');
        $("#SeleccionUnicaEditar").css('display', 'none');
        $("#TextoEditar").css('display', 'block');
    }
    else if (id === "2") {
        $("#SeleccionMultipleEditar").css('display', 'none');
        $("#SeleccionUnicaEditar").css('display', 'block');
        $("#TextoEditar").css('display', 'none');
    }
    else if (id === "3") {
        $("#SeleccionMultipleEditar").css('display', 'block');
        $("#SeleccionUnicaEditar").css('display', 'none');
        $("#TextoEditar").css('display', 'none');
    }
})

$("#TipoPreguntaEditar").change(function () {
    if($("#TipoPreguntaEditar").val() == 1) {
        $("#SeleccionMultipleEditar").css('display', 'none');
        $("#SeleccionUnicaEditar").css('display', 'none');
        $("#TextoEditar").css('display', 'block');
    } else if($("#TipoPreguntaEditar").val() == 2) {
        $("#SeleccionMultipleEditar").css('display', 'none');
        $("#SeleccionUnicaEditar").css('display', 'block');
        $("#TextoEditar").css('display', 'none');
    } else if($("#TipoPreguntaEditar").val() == 3) {
        $("#SeleccionMultipleEditar").css('display', 'block');
        $("#SeleccionUnicaEditar").css('display', 'none');
        $("#TextoEditar").css('display', 'none');
    }
}).change();
</script>