@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    
                    <div class="col-md-3">
                        <div class="form-group">
                            <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#agregar">Agregar Prospecto</a>
                        </div>    
                    </div>
                    
                        <table class="table table-striped table-bordered zero-configuration">
                            <thead>
                                <th class="text-center">Estado</th>
                                <th class="text-center">Nombre</th>
                                <th class="text-center">Fuente de Prospecto</th>
                                <th class="text-center">Correo</th>
                                <th class="text-center">Dirección</th>
                                <th class="text-center">Localización</th>
                                <th class="text-center">Fecha</th>
                                <th class="text-center">Acciones</th>
                            </thead>
                            <tbody>
                                
                                @foreach ($prospectos as $pros)
                                <tr>
                                  <td class="text-center">
                                      @if($pros->persona_natural == 'Nuevo Prospecto')
                                      
                                       <span class="badge badge-success px-2 text-white">{{$pros->persona_natural}}</span>
                                       
                                      @elseif($pros->persona_natural == 'Presentación de Negocio')
                                        
                                        <span class="badge badge-success px-2 text-white">{{$pros->persona_natural}}</span>
                                        
                                      @elseif($pros->persona_natural == 'Seguimiento')
                                        
                                        <span class="badge badge-warning px-2 text-white">{{$pros->persona_natural}}</span>
                                        
                                      @elseif($pros->persona_natural == 'Calificado para vinculación')
                                        
                                        <span class="badge badge-info px-2 text-white">{{$pros->persona_natural}}</span>
                                        
                                      @elseif($pros->persona_natural == 'No calificado/No interesado')
                                      
                                         <span class="badge badge-danger px-2 text-white">{{$pros->persona_natural}}</span>
                                         
                                      @endif
                                  </td>
                                  
                                  <td class="text-center">{{$pros->firstname}} {{$pros->lastname}}</td>
                                  <td class="text-center">{{$pros->estado}}</td>
                                  <td class="text-center">{{$pros->user_email}}</td>
                                  <td class="text-center">{{$pros->direccion}}</td>
                        
                                  <td class="text-center">Ciudad: {{$pros->ciudad}}, Estado: {{$pros->local}}, País: {{$pros->pais}}</td>
                        
                                  <td class="text-center">{{ date('d-m-Y', strtotime($pros->created_at)) }}</td>
                                  
                                  <td class="text-center">
                                      
                                    @if($pros->position_id == null)  
                                      <a href="#" class="btn btn-primary text-white" data-toggle="modal" data-target="#insertar" onclick="insercion('{{$pros->id}}')" title="Registrar">
                                          <i class="fa-solid fa-address-card"></i>
                                      </a>
                                     
                                      
                                      <a href="#" class="btn btn-info text-white" data-toggle="modal" data-target="#editar" onclick="seleccionar('{{$pros->id}}','{{$pros->persona_natural}}',
                                '{{$pros->firstname}}','{{$pros->lastname}}','{{$pros->ciudad}}','{{$pros->estado}}','{{$pros->local}}','{{$pros->user_email}}',
                                '{{$pros->pais}}','{{$pros->telefono}}','{{$pros->direccion}}','{{$pros->comentario}}')" title="Editar">
                                          <i class="fa-solid fa-pen-to-square"></i>
                                      </a>
                                      
                                     @endif 
                                     
                                     
                                     <a href="#" class="btn btn-warning text-white" data-toggle="modal" data-target="#cambiarestado" onclick="estado('{{$pros->id}}','{{$pros->estado}}')" title="Editar Estado">
                                         <i class="fa-sharp fa-solid fa-file-pen"></i>
                                     </a>
                                     
                                  </td>
                                </tr>
                                @endforeach
                                
                            </tbody>
                        </table>
                  
                </div>
            </div>
        </div>
    </div>
</div>     


{{-- modal para agregar --}}
@include('prospeccion/modal/agregar')

{{-- modal para editar --}}
@include('prospeccion/modal/editar')

{{-- modal para insertar prospecto --}}
@include('prospeccion/modal/insertar')

{{-- modal para cambiar estado --}}
@include('prospeccion/modal/cambiarestado')


@endsection

@include('usuario.componentes.scripBotones')

@push('script')
<script type="text/javascript">

    $(document).ready(function () {
      $('.summernote').summernote({
       toolbar: [
        ['style', ['style']],
          ['font', ['bold', 'underline', 'clear']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph']],
          ['table', ['table']],
          ['insert', ['link', 'picture', 'video']],
          ['view', ['fullscreen', 'codeview']]
        ]
       });
    })
  
    function seleccionar(id,natural,nombre,apellido,ciudad,estado,local,email,pais,telefono,dire,observacion){
        
        $('.id').val(id);
        $('.natural').val(natural);
        $('.nombre').val(nombre);
        $('.apellido').val(apellido);
        $('.ciudad').val(ciudad);
        $('.estado').val(estado);
        $('.local').val(local);
        $('.email').val(email);
        $('.pais').val(pais);
        $('.telefono').val(telefono);
        $('.dire').val(dire);
        $('.summernote2').summernote('code', observacion);
    };  
       
    function insercion(id){
        $('.id').val(id);
    }; 
       
       
    function estado(id,cambioestado){
        $('.id').val(id);
        $('.cambioestado').val(cambioestado);
    }; 


</script>
@endpush