@extends('usuarios.funcionarios.master.layout2')
@section('conteudo')

<nav class="d-none">
   {{ $camposMapa = \App\Models\CampoMapa::where('origem','Geral')->orderBy('prioridade','Asc')->get()}}
 
    
    
    {{ $clientes=\App\Models\Cliente::orderBy('created_at','Asc')->get() }}
    {{$i=1}}
</nav>
<div class="container">
    <div class="row">
        <nav class="col-12">
            <h4>Campos fixos (Geral)</h4>
            <p>Informações fixas em todos os mapas</p> 
            <hr class="m-3">
            <br>
        </nav>
         
        
        @foreach($camposMapa as $campo)
            <nav class="col-4">
                <button class="btn btn-sm w-100 btn-info shadow-none border text-start text-white" >
                    <h5> {{$campo->descricao}}  </h5>
                </button>
            </nav>
        @endforeach
    
    </div>
    
    <div class="row">
        
        <div  class="col">
        <hr class="m-3"><br>
        <h4>Escolha um cliente</h4>
        <p>Para configurar/visualizar campos dinâmicos/mapa individual</p>
    
            <table id="tabelaClientes" class="table container  table-striped table-hover">
                <thead>
                    <tr class=""> 
                        <th>Número</th>
                        <th>Nome</th>
                        <th>Email</th>
    
                        <th>Data de cadastro</th>
                        <th>Escolher</th>
    
                        </tr>
                        </thead>
                        <tbody>
                            <div class="d-none">
                                {{ $i=1 }}
    
                            </div>
                        @foreach($clientes as $cliente)
                        <tr>
    
                            
                            <td>{{ $cliente->numerocliente}}</td>
                            <td>{{ $cliente->getUser->getPessoa->nome}}</td>
                            <td>{{ $cliente->getUser->email}}</td>
    
                            <td>{{ $cliente->getUser->getPessoa->created_at}}</td>
  
                            <td>
                                <a href="{{ route('us.servext.indexacao.parametrizar',$cliente->id) }}" class="btn btn-sm btn-outline-primary btnSelecionarReserva"> <i class="fa fa-eye"></i> Mapa individual
                                </a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                <tfoot></tfoot>
            </table>
    
        </div>
       
    </div>

</div>
<script>
    $(function(){
         $('#tabelaClientes').DataTable({
                "paging": true,
                "lengthChange": true,
                "searching": true,
                "ordering": true,
                "info": true,
                "autoWidth": true,
            });
    })
</script>

@endsection