@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-list',
    'titulo'=>'Questão',
    'breadcrumb'=>[]
])

@section('css')
    <link rel="stylesheet" href="{{{ URL::asset('js/DataTables/datatables.min.css') }}}" />
@endsection
 
@section('scripts')
   <script src="{{{ URL::asset('js/DataTables/datatables.min.js') }}}"></script>
   <script src="{{{ URL::asset('js/views/pesquisa/questao.js') }}}"></script>
   

@endsection

@section('pagina')

<div class="container-fluid"> 


    <div class="card mt-2">
        <div class="card-header cor-card-header text-white d-flex justify-content-between bg-dark-gradient">
            <h2> Questionário de Avaliação  </h2> 
        </div>                
        <div class="card-body"> 
        <form  method="post" action="{{route('pesquisa.questao.salvar')}}">
            @csrf 

            <div class="row" >              

                <div class="col col-sm-12 text-left">
                    <label for="txtprojeto" class="col-form-label text-md-left"> Local da Pesquisa: </label>
                    <select id="vlocal" name="vlocal" class="form-control selectpicker"  required="true">
                        <option></option>
                    @foreach($vprojeto as $lista)
                        <option value="{{$lista->id}}">{{$lista->local.' - '.$lista->cidade}}</option>
                    @endforeach
                    </select>
                </div>                 
               
            </div>
            
            <br> 
            <center><h3> Informações do Entrevistado </h3></center>
             <hr></hr>
            

            <div class="row" >              

                <div class="col-sm-3 col-xs-12 text-left">
                    <label for="txtfornecedor" class="col-form-label text-md-left"> Faixa Etária </label>
                    <select id="vfaixa" name="vfaixa" class="form-control selectpicker"  required="true">                        
                        <option></option>
                        <option value="1"> 16 a 24 anos</option>   
                        <option value="2"> 25 a 34 anos</option>
                        <option value="3"> 35 a 44 anos</option>
                        <option value="4"> 45 a 59 anos</option> 
                        <option value="5"> 60 anos em diante</option>                
                    </select>
                </div>
                
                 <div class="col-sm-3 col-xs-12 text-left">
                    <label for="txtfornecedor" class="col-form-label text-md-left"> Escolaridade </label>
                    <select id="vgrau" name="vgrau" class="form-control selectpicker"  required="true">                        
                        <option></option>
                        <option value="1"> Sem ou Fundamental</option>   
                        <option value="2"> Ensino Médio</option>
                        <option value="3"> Ensino Superior</option>                                       
                    </select>
                </div>

                 <div class="col-sm-3 col-xs-12 text-left">
                    <label for="txtfornecedor" class="col-form-label text-md-left"> Sexo </label>
                    <select id="vsexo" name="vsexo" class="form-control selectpicker"  required="true">                        
                        <option></option>
                        <option value="1"> Masculino</option>   
                        <option value="2"> Feminino</option>                                                     
                    </select>
                </div>

                 <div class="col-sm-3 col-xs-12 text-left">
                    <label for="txtfornecedor" class="col-form-label text-md-left"> Renda Familiar </label>
                    <select id="vrenda" name="vrenda" class="form-control selectpicker"  required="true">                       
                        <option value="0"> sem resposta </option>
                        <option value="1"> até 01 salário mínimo </option>   
                        <option value="2"> acima de 01 salário mínimo </option>   
                        <option value="3"> acima de 03 salários min. </option>                                                    
                    </select>
                </div>
                
              
            </div>


            <br> <br><br>

            <div class="row" >  
               
                <div class="col col-sm-12 text-left">
                    <button id="btnIniciar" type="submit" class="btn btn-warning btn-sm" style="width: 100%; height: 50px">
                       <h4> <i class="fas fa-plus-circle"> </i>   Iniciar Avaliação </h4>
                    </button> 
                </div> 

            </div>
        </form>
        </div>

    </div>




</div>





@endsection