@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-list',
    'titulo'=>'Projeto',
    '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/projeto.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> Projetos Registrados</h2>  
            <div class="col text-right">
                 <button id="btnProjeto" type="button" class="btn btn-warning btn-sm" >
                    <i class="fas fa-plus-circle"></i>  Novo Projeto
                </button>                                                
            </div>
                           
        </div>                
        <div class="card-body"> 

            <div class="row" >


                <div class="table-responsive">
                    <table id="tbProjetos" class="display table table-striped table-hover" >
                        <thead>
                            <tr>
                                <th>Id</th>
                                <th>Projeto</th>
                                <th>Cidade/UF</th>
                                <th>Objetivo</th>
                                <th>Ações</th>                                                                             
                            </tr>
                        </thead>
                        <tbody>

                            @foreach($vprojeto as $item)                              

                                    <tr>
                                    <td id="{{$item->id}}_id">{{$item->id}}</td>
                                    <td id="{{$item->id}}_projeto">{{$item->projeto}}</td>
                                    <td id="{{$item->id}}_cidade">{{$item->cidade}}</td>
                                    <td id="{{$item->id}}_objetivo">{{$item->objetivo}}</td>
                                        <td width="15%">
                                            <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>                                             
                                            <a href="{{route('pesquisa.local',$item->id)}}"><span name="addBtn" class="btn btn-xs btn-secondary fas fa-list text-white cursor-pointer" data="{{$item->id}}" style="cursor: pointer;color: #ff0000; width: 30px" title="Locais de Pesquisa"></span></a>                                                  
                                            <a href="{{route('pesquisa.analise',$item->id)}}"><span name="analise" class="btn btn-xs btn-warning fas fa-check text-white cursor-pointer" data="{{$item->id}}" style="cursor: pointer;color: #ff0000; width: 30px" title="Analisar Respostas"></span></a>                                                  
                                        </td>
                                        
                                    </tr>                               

                            @endforeach

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

            </div>

        </div>

    </div>




</div>




 <!-- Modal novo projeto-->
 <div class="modal fade" id="novoprojeto" 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-warning-gradient">
				<h5 class="modal-title" > Novo Projeto </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.projeto.salvar')}}">
            @csrf          


                <div class="row" > 

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

                </div>  

                <div class="row" > 

                    <div class="col col-sm-12 text-left">
                        <label for="txtfornecedor" class="col-form-label text-md-left"> Cidade/UF: </label>
                        <input type="text" name="vcida" id="vcida" class="form-control"  required="true">
                    </div>

                </div> 
               
                
                <div class="row" > 

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

                </div> 


                 <div class="row" > 

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

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

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


<!-- Modal editar projeto-->
<div class="modal fade" id="editarprojeto" 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 Projeto </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.projeto.editar')}}">
            @csrf          


                <div class="row" > 

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

                </div>   

                <div class="row" > 

                    <div class="col col-sm-12 text-left">
                        <label for="txtfornecedor" class="col-form-label text-md-left"> Cidade/UF: </label>
                        <input type="text" name="edcida" id="edcida" class="form-control"  required="true">
                    </div>

                </div> 


                <div class="row" > 

                    <div class="col col-sm-12 text-left">
                        <label for="txtfornecedor" class="col-form-label text-md-left"> Objetivo: </label>
                        <input type="text" name="edobjetivo" id="edobjetivo" 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 deletar projeto-->
<div class="modal fade" id="deleteprojeto" 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" > Excluir Pojeto </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.projeto.delete')}}">
            @csrf           
                
                    <div class="row" > 

                        <div class="col col-sm-12 text-left">
                            <label for="txtprojeto" class="col-form-label text-md-left"> Projeto: </label>
                            <input type="text" name="dprojeto" id="dprojeto" 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="btndeleteprojeto" type="submit" class="btn btn-outline-success" style="margin-right:10px;">
                                <i class="fas fa-save"></i> Excluir</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