@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-list',
    'titulo'=>'Respostas',
    '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/resposta.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> Respostas da Pesquisa</h2>
            <div class="col text-right">
                <a href="{{route('pesquisa.telaresultado')}}" type="button" class="btn btn-warning btn-sm"><i class="fas fa-exchange-alt"></i> Retornar</a>
            </div> 
        </div>                
        <div class="card-body"> 

            <div class="row" >


                <div class="table-responsive">
                    <table id="tbResp" class="display table table-striped table-hover" >
                        <thead>
                            <tr> 
                                <th>IdResp</th> 
                                <th>IdPessoa</th> 
                                <th>Tema</th> 
                                <th>Resposta</th>          
                                <th>Ação</th>                                                                              
                            </tr>
                        </thead>
                        <tbody>

                            @foreach($vresult as $item)                              

                                    <tr> 
                                        <td id="{{$item->id}}_id">{{$item->id}}</td>
                                        <td id="{{$item->id}}_pessoa">{{$item->idpublico}}</td>
                                        <td id="{{$item->id}}_tema">{{$item->tema}}</td>
                                        <td id="{{$item->id}}_resp">{{$item->resposta}}</td>                                        
                                        <td width="10%">
                                            <span name="editBtn" class="btn btn-xs btn-primary fas fa-edit text-white cursor-pointer" data="{{$item->id}}" style="cursor: pointer; color: #009933; width: 30px" title="Editar"></span>                                        
                                            <span name="delBtn" class="btn btn-xs btn-danger fas fa-trash-alt text-white cursor-pointer" data="{{$item->id}}" style="cursor: pointer;color: #ff0000 width: 30px;" title="Excluir"></span>                                             
                                            <span name="perfilBtn" class="btn btn-xs btn-success fas fa-edit text-white cursor-pointer" data="{{$item->id}}" style="cursor: pointer;color: #ff0000 width: 30px;" title="Perfil"></span>                                             
                                        </td>  
                                    </tr>                                                                   

                            @endforeach

                            
                                                                        
                        </tbody>
                       
                    </table>
                </div>

            </div>

        </div>

    </div>




</div>



<!-- Modal editar projeto-->
<div class="modal fade" id="editaresposta" tabindex="-1" role="dialog" aria-labelledby="modalHorario" aria-hidden="true">
	<div class="modal-dialog" role="document">

		<div class="modal-content">
			<div class="modal-header card-header cor-card-header text-white d-flex justify-content-between bg-primary-gradient">
				<h5 class="modal-title" > Editar Resposta </h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>

            <div class="modal-body">  
            <form  method="post" action="{{route('pesquisa.resposta.editar')}}">
            @csrf          


                <div class="row" > 

                    <div class="col col-sm-12 text-left">
                        <label for="txtprojeto" class="col-form-label text-md-left"> Resposta: </label>
                        <input type="text" name="vresp" id="vresp" class="form-control"  required="true">
                    </div>

                </div>  
               

                <input type="hidden" name="id" id="id" class="form-control">


                 <div class="row" > 

                    <div class="col col-sm-12 text-right">
                    <br>                                                  
                       
                        <button id="btneditprojeto" type="submit" class="btn btn-outline-success" style="margin-right:10px;">
                            <i class="fas fa-save"></i> Editar</button>
                        <button type="button" class="btn btn-outline-danger" data-dismiss="modal">
                            <i class="fas fa-times-circle"></i> Cancelar</button>
                    </div>

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

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




<!-- Modal editar projeto-->
<div class="modal fade" id="deleteresposta" tabindex="-1" role="dialog" aria-labelledby="modalHorario" aria-hidden="true">
	<div class="modal-dialog" role="document">

		<div class="modal-content">
			<div class="modal-header card-header cor-card-header text-white d-flex justify-content-between bg-danger-gradient">
				<h5 class="modal-title" > Delete Resposta </h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
 
            <div class="modal-body">  
            <form  method="post" action="{{route('pesquisa.resposta.delete')}}">
            @csrf          


                <div class="row" > 

                    <div class="col col-sm-12 text-left">
                        <label for="txtprojeto" class="col-form-label text-md-left"> Resposta: </label>
                        <input type="text" name="dresp" id="dresp" class="form-control"  required="true">
                    </div>

                </div>  
               

                <input type="hidden" name="did" id="did" class="form-control">


                 <div class="row" > 

                    <div class="col col-sm-12 text-right">
                    <br>                                                  
                       
                        <button id="btneditprojeto" type="submit" class="btn btn-outline-success" style="margin-right:10px;">
                            <i class="fas fa-save"></i> Editar</button>
                        <button type="button" class="btn btn-outline-danger" data-dismiss="modal">
                            <i class="fas fa-times-circle"></i> Cancelar</button>
                    </div>

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

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




<!-- Modal editar projeto-->
<div class="modal fade" id="editarperfil" tabindex="-1" role="dialog" aria-labelledby="modalHorario" aria-hidden="true">
	<div class="modal-dialog" role="document">

		<div class="modal-content">
			<div class="modal-header card-header cor-card-header text-white d-flex justify-content-between bg-primary-gradient">
				<h5 class="modal-title" > Editar Perfil </h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>

            <div class="modal-body">  
                <form  method="post" action="{{route('pesquisa.resposta.perfil')}}">
            @csrf          

            <div class="row" >              

                <div class="col-sm-4 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-4 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-4 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>
              
               
                <input type="hidden" name="eid" id="eid" class="form-control">


                 <div class="row" > 

                    <div class="col col-sm-12 text-right">
                    <br>                                                  
                       
                        <button id="btneditprojeto" type="submit" class="btn btn-outline-success" style="margin-right:10px;">
                            <i class="fas fa-save"></i> Editar</button>
                        <button type="button" class="btn btn-outline-danger" data-dismiss="modal">
                            <i class="fas fa-times-circle"></i> Cancelar</button>
                    </div>

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

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


@endsection