@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-list',
    'titulo'=>'Local',
    '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/local.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> Novo Local de Pesquisa </h2> 
            <div class="col text-right">
                <a href="{{route('pesquisa.projeto')}}" type="button" class="btn btn-warning btn-sm"><i class="fas fa-exchange-alt"></i> Retornar</a>
            </div> 
        </div>                
        <div class="card-body"> 
        <form  method="post" action="{{route('pesquisa.local.salvar')}}">
            @csrf

            <div class="row" > 

                <div class="col-sm-9 col-xs-12 text-left">
                    <label for="txtfornecedor" class="col-form-label text-md-left"> Local de Pesquisa: </label>
                    <input type="text" name="vlocal" id="vlocal" class="form-control"  required="true">
                </div>

                 <div class="col-sm-3 col-xs-12 text-left">
                    <label for="txtfornecedor" class="col-form-label text-md-left"> Tipo: </label>
                    <select id="vtp" name="vtp" class="form-control"  required="true">                        
                        <option>SEDE</option>
                        <option>POVOADO</option>                    
                    </select>
                </div>

                

                <input type="hidden" name="vidlocal" id="vidlocal" value="{{$vid}}">

                 <div class="col col-sm-3 text-left">
                    <br><br>
                    <button id="btnnovolocal" type="submit" class="btn btn-outline-success" style="margin-right:10px;">
                        <i class="fas fa-save"></i> Adicionar </button>
                </div>

            </div>

        </form>
        </div>

    </div>

    <div class="card mt-2">
        <div class="card-header cor-card-header text-white d-flex justify-content-between bg-dark-gradient">
            <h2> Projeto: {{$vprojeto}}</h2>             
                           
        </div>                
        <div class="card-body"> 

            <div class="row" >


                <div class="table-responsive">
                    <table id="tbLocal" class="display table table-striped table-hover" >
                        <thead>
                            <tr>
                                <th>Id</th>
                                <th>Local de Pesquisa</th> 
                                <th>Tipo</th>                              
                                <th>Ação</th>                                                                             
                            </tr>
                        </thead>
                        <tbody>
                           
                            @foreach($vlocal as $item)                              

                                    <tr>
                                        
                                        <td id="{{$item->id}}_id">{{$item->id}}</td>
                                        <td id="{{$item->id}}_local">{{$item->local}}</td>
                                        <td id="{{$item->id}}_tp">{{$item->tipo}}</td>
                                        <td width="12%">
                                            <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>
                                        </td>
                                    </tr>                              

                            @endforeach
                            
                                                                        
                        </tbody>
                       
                    </table>
                </div>

            </div>

        </div>

    </div>

</div>


<!-- Modal deletar Local-->
<div class="modal fade" id="deletelocal" 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 Local de Pesquisa </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.local.delete')}}">
            @csrf           
                
                    <div class="row" > 

                    <div class="col col-sm-12 text-left">
                        <label for="txtfornecedor" class="col-form-label text-md-left"> Local de Pesquisa: </label>
                        <input type="text" name="dallocal" id="dallocal" class="form-control"  disabled>
                    </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="btndeletelocal" 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