@extends('adminlte.app')

@section('content')
<div class="content-wrapper pb-3">
        @if ($message = Session::get('success'))
        <div class="alert alert-success">
            <p>{{ $message }}</p>
        </div>
        @endif
           <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
          <div class="row mb-2">
            <div class="col-sm-6">
              <h1 class="m-0">Clientes</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
              
            </div><!-- /.col -->
          </div><!-- /.row -->
        </div><!-- /.container-fluid -->
      </div>
      <!-- /.content-header -->


        <div class="card mx-3 mt-3">
            <div class="card-header ">
                <div class="row">
                    <div class="col-md-6">
                        Agenda
                    </div>
                    <div class="col-md-6 text-right">
                        <a href="javascript:history.back()"><button type="button" id="voltar" class="btn btn-primary d-print-none">Voltar</button></a>
                    </div>
                </div>
            </div>

            <div class="border pt-3 px-3 ml-0 mr-0 mb-3 bg-light ">
                <form action="/clientes/agenda">

                    <div class="form-group row">
                        @csrf
                        <div class="col-md-3">
                            <label class="col-form-label pr-2" for="data_proxima_interacao_inicio">Data Próxima Interação entre  </label>
                            <input class="form-control mr-2" type="date" name="data_proxima_interacao_inicio" id="data_proxima_interacao_inicio" value="{{ old('data1')  ?? $data1 ??  date('Y-m-d') }}">
                        </div>
                        <div class="col-md-3">
                            <label class="col-form-label pr-2" for="data_proxima_interacao_fim">  E  </label>
                            <input class="form-control" type="date" name="data_proxima_interacao_fim" id="data_proxima_interacao_fim" value="{{ old('data2')  ?? $data2 ??  date('Y-m-d') }}">
                        </div>
                        @if ($permissao->exibir_todos_clientes)
                        <div class="col-md-4">
                            <label class="col-form-label pr-2" for="gestor_escolhido">Escolha um Gestor</label>
                            <select name="gestor_escolhido" id="gestor_escolhido" class="form-control pr-2 mr-2">
                                <option value=""></option>
                                @foreach($gestores as $gestor)
                                <option @if($gestor->id==$gestor_escolhido) selected @endif value="{{$gestor->id}}">{{$gestor->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        @endif
                        {{-- <div class="col-md-2 pl-3 pt-5">
                            <label class="col-form-label pr-2" for="data_proxima_interacao_inicio"> </label>
                            <input type="checkbox" @if($atrasado_check) checked @endif name="atrasados" id="atrasados" class="form-check-input">
                            <label for="atrasados" class="form-check-label mr-2">Atrasados</label>
                        </div> --}}
                        <div class="col-md-4">
                            <label class="col-form-label pr-2" for="nome_cliente">Nome do Cliente</label>
                            <input class="form-control mr-2" type="text" name="nome_cliente" id="nome_cliente" value="{{ old('nome_cliente')  ?? $nome_cliente ?? ""}}">
                        </div>

                        <div class="col-md-4">
                            <label class="col-form-label pr-2" for="tipo_interacao">Tipo de Interação</label>
                            <select name="tipo_interacao" id="tipo_interacao" class="form-control pr-2 mr-2">
                                <option value=""></option>
                                <option @if($tipo_interacao =="Ligação") selected @endif value="Ligação">Ligação</option>
                                <option @if($tipo_interacao =="Visita") selected @endif value="Visita">Visita</option>
                                <option @if($tipo_interacao =="Promessa de Pagamento") selected @endif value="Promessa de Pagamento">Promessa de Pagamento</option>
                                <option @if($tipo_interacao =="Pagamento") selected @endif value="Pagamento">Pagamento</option>

                            </select>
                        </div>

                    </div>
                    <div class="text-center pb-3">
                        <button class="btn btn-primary">Consultar</button>
                    </div>
                </form>
            </div>
        

    

    <div class="px-3 pb-3">

        <div id="tabelaLeads"> 
                
            <div class="table-responsive">    
            <table id="tabelashow" style="width:100%"  class="table  table-sm table-striped table-bordered table-hover">
                <thead>
                    <tr style="text-align: center;">
                        <th>
                            <div  style="width: 120px;">
                                Ações
                            </div> 
                        </th>
                        
                        <th>
                            <div style="width: 150px;">Data Interação Agendada</div>
                        </th>


                        <th>
                            <div style="width: 150px;">Nome do Cliente</div>
                        </th>

                        
                        <th>
                            <div style="width: 150px;">Situação</div>
                        </th>
                                                
                        <th>
                            <div style="width: 300px;">Descrição Interação</div>
                        </th>
                        <th>
                            Tipo Interação
                        </th>
                                                
                        <th>
                            Tel Fixo
                        </th>
                        <th>
                            Telemóvel
                        </th>
                        <th>
                            E-mail
                        </th>
 
                        <th >
                            Gestor
                        </th>

                        <th >
                            Gestor da Interação
                        </th>
                        

                        <th >
                            Data Última Interação
                        </th>

                    </tr>
                </thead>
                <tbody>
                    {{-- {{ $leads }} --}}
                            
                       {{-- @if ($atrasado_check)      --}}
                                @foreach($ultimo_atrasado as $lead)
                                    <tr style="text-align: center; @if($lead->data_proxima_interacao <$ontem) background-color:RGB(255,228,214) @endif" >
                                        <td class="">
                                            <a href="/relacionamento/{{ $lead->id }}/create"> <button  class="btn btn-success btn-sm" title="Novo Relacionamento" type="button"><i class="fa fa-user-plus"  aria-hidden="true"></i></button></a>
                                            <a href="/clientes/concluir-agenda/{{$lead->registro_relacionamento_id}}"> <button  class="btn btn-success btn-sm" title="Concluir" type="button"><i class="fa fa-check"  aria-hidden="true"></i></button></a>
                                            <a href="/clientes/remover-agenda/{{$lead->id}}"> <button  class="btn btn-success btn-sm" title="Remover da Agenda" type="button"><i class="fa fa-trash"  aria-hidden="true"></i></button></a>

                                        </td>
                                        <td> <span style="display:none;">{{$lead->data_marcada}}  -   </span>   {{ date( 'd', strtotime( $lead->data_marcada ) ).'/'.date( 'm', strtotime( $lead->data_marcada ) ).'/'.date( 'Y', strtotime( $lead->data_marcada ) )}} </td>

                                        <td> {{ $lead->nome }} </td>
                                        <td>{{$lead->situacao_prospeccao_relacionamento}}</td>
                                        <td> {{ $lead->descricao_interacao }} </td>
                                        <td> {{ $lead->tipo_interacao }} </td>
                                        <td> {{ $lead->telefone }} </td>
                                        <td> {{ $lead->telemovel }} </td>
                                        <td> {{ $lead->email_cliente }} </td>
                                        <td> {{ $lead->name }} </td>
                                        <td> {{  $vendedor_interacao[$lead->usuario_id]->name}} </td>                                                         
                                        <td><span style="display:none;">{{$lead->data_ultima_prospeccao}}  -   </span>   {{ date( 'd', strtotime( $lead->data_ultima_prospeccao ) ).'/'.date( 'm', strtotime( $lead->data_ultima_prospeccao ) ).'/'.date( 'Y', strtotime( $lead->data_ultima_prospeccao ) )}} </td>
                                        
                                        
                                        
                                        
                                        
                                    </tr>
                                    @endforeach

                        {{-- @else
                                    @foreach($leads as $lead)
                                    <tr style="text-align: center; @if($lead->data_proxima_interacao <$ontem) background-color:RGB(255,228,214) @endif" >
                                        <td class="">
                                            
                                                <a href="/leads/{{$lead->id}}/gerar?grupo=a">  <button class="btn btn-secondary btn-sm" title="Gerar Proposta A" type="submit">A</button></a>
                                                <a href="/leads/{{$lead->id}}/gerar?grupo=b">  <button class="btn btn-secondary btn-sm" title="Gerar Proposta B" type="submit">B</button></a>
                                            

                                                <a href="/relacionamento/{{ $lead->id }}/create"> <button  class="  btn btn-secondary btn-sm" title="Novo Relacionamento" type="button"><i class="fa fa-user-plus"  aria-hidden="true"></i></button></a>
                                                
                                                
                                        
                                        
                                            <form class="d-inline" method="GET" action="/leads/{{ $lead->id }}/edit">
                                                <button class="btn btn-secondary btn-sm" title="Editar" type="submit"><i class="fa fa-pencil"  aria-hidden="true"></i></button>
                                            </form>
                                    

                                        </td>
                                        <td> {{ $lead->data_marcada }} </td>
                                        <td> {{ $lead->nome }} </td>
                                        <td> {{ $lead->descricao_interacao }} </td>
                                        <td> {{ $lead->valor_leed }} </td>
                                        <td> {{ $lead->telefone_fixo }} </td>
                                        <td> {{ $lead->celular }} </td>
                                        <td> {{ $lead->email }} </td>
                                        <td> {{ $lead->name }} </td>
                                        <td> {{  $vendedor_interacao[$lead->usuario_id]->name}} </td>                                                         
                                        <td> {{ $lead->data_ultima_prospeccao }} </td>
                                        
                                        
                                        
                                        
                                        
                                    </tr>
                                    @endforeach
                        @endif --}}

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


 </div>             

</div>

</div>



<script type="text/javascript">
    $("#telefone").mask("(00) 0000-0000");
    $("#celular").mask("(00) 00000-0000");
</script>




<!-- DataTables  & Plugins -->
    <script src={{ asset('/plugins/datatables/jquery.dataTables.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-responsive/js/dataTables.responsive.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/dataTables.buttons.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}></script>
    <script src={{ asset('/plugins/jszip/jszip.min.js') }}></script>
    <script src={{ asset('/plugins/pdfmake/pdfmake.min.js') }}></script>
    <script src={{ asset('/plugins/pdfmake/vfs_fonts.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.html5.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.print.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.colVis.min.js') }}></script>
<!-- DataTables  & Plugins -->
 
<!-- Page specific script -->
<script>
    $('#tabelashow').DataTable( {
        
          "paging": true,
          "lengthChange": true,
          "searching": true,
          "ordering": true,
          "info": true,
          "autoWidth": false,
          "responsive": true,
          "order": [[ 1, "desc" ]],
          "buttons": [ "csv", "excel", "pdf", {"extend":"print","text":"Imprimir"}, {"extend":"colvis","text":"Colunas"}],
          "lengthMenu": [[8, 10, 25, 50, -1], [8, 10, 25, 50, "All"]],
                    "bJQueryUI": true,
                    "oLanguage": {
                        "sProcessing":   "Processando...",
                        "sLengthMenu":   "Registros _MENU_ ",
                        "sZeroRecords":  "Não foram encontrados resultados",
                        "sInfo":         "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                        "sInfoEmpty":    "Mostrando de 0 até 0 de 0 registros",
                        "sInfoFiltered": "",
                        "sInfoPostFix":  "",
                        "sSearch":       "Buscar:",
                        "sUrl":          "",
                        "oPaginate": {
                            "sFirst":    "Primeiro",
                            "sPrevious": "Anterior",
                            "sNext":     "Seguinte",
                            "sLast":     "Último"
                        }
                    }
    
    } ).buttons().container().appendTo('#tabelashow_wrapper .col-md-6:eq(0)');
</script>

<script >
    $("#telefone").mask("(00) 0000-0000");
    $("#celular").mask("(00) 00000-0000");
 
     $('.money').mask('#.##9,99', { reverse: true });   
 
</script>

@endsection