@extends('template')
<link href="{{asset('/assets/pages/css/about.css')}}" rel="stylesheet" type="text/css" />

@section('content')
</div>
<!-- END PAGE HEAD-->
<!-- BEGIN PAGE CONTENT BODY -->
<div class="page-content">
    <div class="container-fluid">
        <div class="page-content-inner">
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light">
                        <div class="portlet-body">
                         <div class="col-md-12 text-center">
                            <h1>{!!$pesquisa->titulo!!}</h1>
                        </div>
                        {!! Form::open(['route' => $action->route, 'method' => $action->method, 'id'=>'pesquisa']) !!} 
                        {!! Form::hidden('pesquisa_satisfacao_id', $pesquisa->id) !!}
                        {!! Form::hidden('pesquisa_satisfacao_registro', $registro->id) !!}
                        <div class="row">
                            <div class="col-xs-12" style=" margin-top: 10px;">

                                @foreach($pesquisa->perguntas as $key => $pergunta)
                                {!! Form::hidden('perguntas[]', $pergunta->id) !!}
                                <div class="col-xs-12 note note-info">
                                    <label>
                                        <strong>{{$key+1}}</strong> - 
                                        {{$pergunta->enunciado}}
                                    </label>

                                    {!! Form::hidden('pesquisa_satisfacao_id', $pesquisa->id) !!}
                                    @if(count($pergunta->alterantivas)>0)
                                    <div class="col-xs-12 ">
                                        @foreach($pergunta->alterantivas as $alterantivas)
                                        {!! Form::hidden('resposta['.$pergunta->id.']', $alterantivas->alternativa) !!}

                                        <div class="form-group  has-personalizado" style="margin-top: 5px; margin-bottom: 5px" >
                                            <div class="md-radio" >
                                                {!! Form::radio('alternativa['.$pergunta->id.'] ',$alterantivas->id ,''  , ['id'=>'alternativa'.$alterantivas->id,'class'=>'md-radiobtn','required'=>'true']) !!}
                                                <label for="alternativa{{$alterantivas->id}}">
                                                    <span></span>
                                                    <span class="check has-personalizado"></span>
                                                    <span class="box"></span>
                                                </label> 
                                                <label for="alternativa{{$alterantivas->id}}" style="padding-left: 5px;">{!! $alterantivas->alternativa !!}</label>
                                            </div>
                                        </div>
                                        @endforeach 
                                    </div>
                                    @else
                                    <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                        {!! Form::textarea('resposta['.$pergunta->id.']','', ['class' => 'form-control', 'id'=>'enunciado', 'autocomplete' => 'off','style'=>'max-height:100px;resize:none']) !!}
                                        {!! Form::label('name', 'Resposta') !!} 
                                    </div>
                                    @endif
                                </div>
                                <hr/>
                                @endforeach 

                                <hr/>
                            </div>
                            <div class="col-xs-12 text-center">
                                <button type="submit"  class="btn yellow-gold popovers"  data-container="body" data-trigger="hover" data-placement="top" id='salvar' data-content="Salvar pergunta na pesquisa">
                                   <i class=" fa fa-file-text-o"></i> 
                                   Responder Agora
                               </button>
                           </div>
                       </div>
                       {!! Form::close() !!}

                   </div>
               </div>
           </div>
       </div>
   </div>
   <!-- END PAGE CONTENT INNER -->
</div>
</div>
<!-- END PAGE CONTENT BODY -->
@stop()

@section('js-admin-user')
<script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>

<script>
    $(document).ready( function() { 

        $("#pesquisa").validate({
            rules: {
                @foreach($pesquisa->perguntas as $key => $pergunta) 
                    @if ($pergunta->alterantivas->count()>0) 
                    "alternativa[{{$pergunta->id}}]": {required:true},
                    @else 

                        @if ($pergunta->obrigatorio==1) 
                        "resposta[{{$pergunta->id}}]": {required:true},
                        @endif 

                    @endif 
                @endforeach 
            },
            invalidHandler: function(event, validator) {
                console.log(event);
                console.log(validator);
                 swal({"title":"Ops","text": 'Preencha os campos obrigatórios' ,"showConfirmButton":true,"type":"error","html":true});
            }
        });

        @if (count($errors) > 0)
        var teste = "@foreach ($errors->all() as $error) {{ $error }}<br> @endforeach " ;
        swal({"title":"Ops","text": teste ,"showConfirmButton":true,"type":"error","html":true});
        @endif
        
    });
</script>
@stop()