@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-user',
    'titulo'=>'Cliente',    
    'breadcrumb'=>['Cadastro','Cliente']
])

@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/cliente/list.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 bg-primary-gradient" style="height: 50px; align-items: center">         
                   
                <h2>Clientes Registrados </h2>
                <div class="col text-right">  
                    <a href="{{route('cadastro.cliente.cadastro')}}" type="button" class="btn btn-warning btn-sm" title="Novo Cadastro"><i class="fas fa-plus-circle"></i> Novo Cliente</a>
                </div>                                   
                             
            </div> --}}

            <div class="card-header cor-card-header text-white d-flex bg-primary-gradient" style="height: 50px; align-items: center">               
                <h2> Clientes Registrados </h2>
                <div class="col text-right">                     
                    <button id="btnCliente" type="button" class="btn btn-light btn-sm" aria-label="Left Align">
                        <i class="fas fa-plus-circle"></i> Novo Cliente
                    </button>
                </div>
            </div> 


            <div class="card-body">
                <div class="row" >
                    <div class="col-12 col-md-12 table-responsive">
                        <table id="tbClientes" 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($listaClientes as $lista)
                                    <tr>
                                        <td width="30%" id="{{$lista['id']}}_nome">{{$lista['fantasia']}}</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.cliente.editar',Util::Criptografa($lista['id']))}}">
                                                <span class="fas fa-edit btn btn-xs btn-warning cursor-pointer text-white" title="Editar Cliente"></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="addCliente" 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 Cliente  </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.cliente.salvar')}}" >
                    @csrf
            <div class="card-body">  



                <div class="row mt-3">
                    <div class="col-12 col-md-6">
                        <label class="form-label" for="nome">Cliente / 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 cliente.
                        </div>
                    </div> 
                    
                    <div class="col-12 col-md-2">
                        <label for="cidade">Pessoa*</label>
                        <select class="form-control" id="pessoa" name="pessoa">
                            <option value="FISICA">FISICA</option> 
                            <option value="JURIDICA">JURIDICA</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">Apelido / 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.cliente.deletar',
        'titulo'=>'Confirma Exclusão',
        'mensagem_delete'=>'Tem certeza que deseja excluir o Cliente'
    ])

@endsection