@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-truck',
    'titulo'=>'Fornecedor',    
    'breadcrumb'=>['Cadastro','Fornecedor']
]) 
 
@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/cadastro/fornecedor/list.js') }}}"></script>
@endsection


@section('pagina')

    <div class="container-fluid">          
        <div class="card mt-2">
            {{-- <div class="card-header cor-card-header text-white bg-primary-gradient">
                <div class="row">
                    <div class="col-12 col-md-8">
                        <h3>Fornecedores Registrados </h3>
                    </div>
                    <div class="text-right col-12 col-md-4"> 
                        <a href="{{route('cadastro.fornecedor.cadastro')}}"  class="btn btn-primary" title="Novo Cadastro"><i class="fas fa-plus-circle"></i> Novo Fornecedor</a>
                    </div>
                </div>
            </div> --}}

            <div class="card-header cor-card-header text-white d-flex bg-primary-gradient" style="height: 50px; align-items: center">               
                <h2> Fornecedores Registrados </h2>
                <div class="col text-right">                     
                    <button id="btnFornec" type="button" class="btn btn-light btn-sm" aria-label="Left Align">
                        <i class="fas fa-plus-circle"></i> Novo Fornecedor
                    </button>
                </div>
            </div> 
            <div class="card-body">
                <div class="row" >
                    <div class="col-12 col-md-12 table-responsive">
                        <table id="tbFornecedores" class="table table-hover text-left" style="width:100%">
                                <thead>
                                    <tr>                                        
                                        <th>Nome</th>
                                        <th class="text-center">Tipo</th>
                                        <th class="text-center">CNPJ/CPF</th>                                       
                                        <th class="text-center">Fone</th>
                                        <th class="text-center">Status</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($listaFornecedores as $lista)
                                        <tr>  
                                            <td width="30%" id="{{$lista['id']}}_nome">{{$lista['nome']}}</td>
                                            <td class="text-center">
                                                <span status="{{$lista['tipo']}}"
                                                    class="badge {{TIPO_PESSOA::GetBadge($lista['tipo'])}}">
                                                    {{TIPO_PESSOA::GetTipo($lista['tipo'])}}
                                                </span>
                                            </td>
                                            @if($lista['tipo'] == 'JURIDICA')
                                                <td class="text-center mask_cnpj" id="{{$lista['id']}}_cnpj_cpf">{{$lista['cnpj_cpf']}}</td>
                                            @else
                                                <td class="text-center mask_cpf" id="{{$lista['id']}}_cnpj_cpf">{{$lista['cnpj_cpf']}}</td>
                                            @endif
                                            <td class="text-center mask_telefone" id="{{$lista['id']}}_email">{{$lista['fone']}}</td>
                                            <td class="text-center">
                                                <span status="{{$lista['status']}}"
                                                    class="badge {{STATUS::GetBadge($lista['status'])}}">
                                                    {{STATUS::GetTipo($lista['status'])}}
                                                </span>
                                            </td>
                                            <td class="text-center">
                                                {{-- <a href="{{route('cadastro.fornecedor.editar',Util::Criptografa($lista['id']))}}">
                                                    <span class="fas fa-edit btn btn-xs btn-info cursor-pointer text-white" title="Editar Fornecedor"></span>
                                                </a> --}}
                                                <span name="delBtn" class="btn btn-xs btn-danger fas fa-trash-alt text-white cursor-pointer" data="{{$lista['id']}}" title="Deletar"></span>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                        </table> 
                    </div>
                </div>
            </div>
        </div>
    </div>

    
 <!-- Modal adição-->
 <div class="modal fade" id="addFornec" tabindex="-1" role="dialog" aria-labelledby="addFornec" aria-hidden="true">
	<div class="modal-dialog modal-lg" 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" > Novo Fornecedor  </h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>

            <form  method="POST" action="{{route('cadastro.fornecedor.salvar')}}" >
                    @csrf
            <div class="card-body">  

                <div class="row mt-3">
                    <div class="col-12 col-md-6">
                        <label class="form-label" for="nome">Razão Social*</label>
                        <input class="form-control" id="nome" type="text" name="nome" required/>
                        <div class="invalid-feedback">
                            Por favor, escolha um nome para o Fornecedor.
                        </div>
                    </div> 
                    
                    <div class="col-12 col-md-2">
                        <label for="cidade">Pessoa</label>
                        <select class="form-control" id="pessoa" name="pessoa">
                            <option value="JURIDICA">JURIDICA</option> 
                            <option value="FISICA">FISICA</option>                                                      
                        </select>
                    </div>

                    <div class="col-12 col-md-4">
                        <label class="form-label" for="cnpjCpf">CNPJ/CPF*</label>
                        <input class="form-control" id="cnpjCpf" type="text" name="cnpjCpf" />                        
                    </div>

                </div>

                <div class="row mt-3">    

                    <div class="col-12 col-md-6">
                        <label class="form-label" for="fantasia">Nome Fantasia</label>
                        <input class="form-control" id="fantasia" type="text" name="fantasia" />
                    </div>

                    <div class="col-12 col-md-6">
                        <label class="form-label" for="email">E-mail</label>
                        <input class="form-control" id="email" type="email" name="email" placeholder="exemplo@exemplo.com"/>
                    </div>

                  
                </div>              

               

                <div class="row mt-3">
                    <div class="col-12 col-md-6">
                        <label class="form-label" for="bairro">Endereço/Bairro</label>
                        <input class="form-control" id="bairro" type="text" name="bairro"/>
                    </div>
                  
                    <div class="col-12 col-md-3">
                        <label for="cidade">Cidade</label>
                        <select class="form-control" id="cidade" name="cidade">
                            <option value="1">1- São Luis</option>
                            <option value="2">2- Paço do Lumiar</option>
                            <option value="3">3- Raposa</option>
                            <option value="4">4- São José Ribamar</option>
                        </select>
                    </div>
                    <div class="col-12 col-md-3">
                        <label class="form-label" for="fone">Telefone</label>
                        <input class="form-control mask_telefone_celular" id="fone" type="text" name="fone"/>
                    </div>
                </div>               
    
    
                    <div class="row mt-3"> 
                        <div class="col-12 col-md-12 text-right">
                            <button class="btn btn-success" id="btnSalvar" type="submit">
                                <i class="fas fa-save"></i>  Confirmar
                            </button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-window-close"></i> Cancelar</button> 
                        </div>
                    </div> 


            </div>

            </form>

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


    @include('partials._modal_delete',
    [
        'rota'=>'cadastro.fornecedor.deletar',
        'titulo'=>'Confirma Exclusão',
        'mensagem_delete'=>'Tem certeza que deseja excluir o Fornecedor'
    ])

@endsection