@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-list', 
    'titulo'=>'Categoria',
    '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/categoria.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> Filtros de Pesquisa </h2> 
        </div>                
        <div class="card-body"> 

            <div class="row" >


            </div>

        </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> Categorias Registradas</h2>  
            <div class="col text-right">
                 <button id="btnCategoria" type="button" class="btn btn-warning btn-sm" >
                    <i class="fas fa-plus-circle"></i>  Nova Categoria
                </button>                                                
            </div>
                           
        </div>                
        <div class="card-body"> 

            <div class="row" >


                <div class="table-responsive">
                    <table id="tbCategorias" class="display table table-striped table-hover" >
                        <thead>
                            <tr>
                                <th>Id</th>
                                <th>Categoria</th>
                                <th>Ações</th>                                                                             
                            </tr>
                        </thead>
                        <tbody>

                            @foreach($vcateg as $item)                              

                                    <tr>
                                        <td id="{{$item->id}}_id">{{$item->id}}</td>
                                        <td id="{{$item->id}}_categoria">{{$item->categoria}}</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> 
                                        </td>
                                        
                                    </tr>                              

                            @endforeach

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

            </div>

        </div>

    </div>




</div>




 <!-- Modal nova categoria-->
 <div class="modal fade" id="novacategoria" 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" > Nova Categoria </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.categoria.salvar')}}">
            @csrf          

 
                <div class="row" > 

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

                </div>


                 <div class="row" > 

                    <div class="col col-sm-12 text-right">
                    <br>                                                  
                       
                        <button id="btnnovacateg" 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 categoria-->
<div class="modal fade" id="editarcategoria" 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 Categoria </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.categoria.editar')}}">
            @csrf          


                <div class="row" > 

                    <div class="col col-sm-12 text-left">
                        <label for="txtfornecedor" class="col-form-label text-md-left"> Categoria: </label>
                        <input type="text" name="edcategoria" id="edcategoria" 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="btneditcategoria" 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 categoria-->
<div class="modal fade" id="deletecategoria" 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 Categoria </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.categoria.delete')}}">
            @csrf           
                
                    <div class="row" > 

                        <div class="col col-sm-12 text-left">
                            <label for="txtfornecedor" class="col-form-label text-md-left"> Categoria: </label>
                            <input type="text" name="dcategoria" id="dcategoria" 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