@extends('admin.admin_dashboard_pyme') 
@section('content')


     <section class="pc-container">
      <div class="pc-content">
        <!-- [ breadcrumb ] start -->
        <!-- [ breadcrumb ] end -->
        <div class="row">
         
          <!-- DOM/Jquery table start -->
          <div class="col-sm-12">
            <div class="card"> 
              <div class="card-body">
                  <h2 class="mb-0">Catálogo de Usuarios</h2>
                <div class="text-end p-4 pb-0"> 
            @if((Auth::user()->current_team_id==1))
 
              <a  href="{{ route('user_add_pyme')}}"  class="btn btn-primary">Agregar Usuarios</a>
              
            @endif
                       </div>
                <div class="table-responsive dt-responsive">
                  <table id="table-inventory-cat" class="table table-striped table-bordered">
                    <thead>
                      <tr> 
                        <th>Nombre</th>
                        <th>Cuenta</th> 
                        <th>Perfil</th>
                        <th>Sucursal</th>
                        <th>Zona</th>
                        <th></th>
                        <th></th>
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($users as $users)                   

                      <tr>  
                      <td>{{ $users->user_name}}</td>  
                      <td>{{ $users->user_email}}</td>    
                      <td>
                      @if($users->user_current_team_id==1) Admin @endif
                      @if($users->user_current_team_id==2) Dirección Comercial @endif
                      @if($users->user_current_team_id==3) Asociado @endif
                      @if($users->user_current_team_id==4) Asesor @endif
                      @if($users->user_current_team_id==5) Coordinador de operaciones @endif
                      @if($users->user_current_team_id==6) Coordinador de Finanzas @endif
                      @if($users->user_current_team_id==7) Atención a Asociados @endif
                      @if($users->user_current_team_id==8) Control de Riesgos @endif
                        
                      </td>  
                      <td>{{ $users->nombre_sucursal}}</td>    
                      <td>{{ $users->zona}}</td>    
                      <td> 
                            <ul class="list-inline me-auto mb-0"> 
                          <li class="list-inline-item align-bottom" data-bs-toggle="tooltip" title="Edit">
                            <a href="../user_pyme/edit/{{ $users->id_u_user}}" class="avtar avtar-xs btn-link-success btn-pc-default"> 

                              <i class="ti ti-edit f-18"></i>
                            </a>
                          </li> 
                        </ul>
                        </td>


                        <td style="display: flex;
  justify-content: center;
  align-items: center; ">



                    <form class="smart-form" method="POST" action="{{ route('update_status_user_pyme')}}">
                                @csrf
                         <!-- MODAL ENVIAR A COORDIACION -->

                         <div id="ModalCambioEstatus_{{ $users->id_u_user}}" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="ModalCambioEstatusTitle" aria-hidden="true">
                          <div class="modal-dialog modal-dialog-centered" role="document">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h5 class="modal-title" id="Moda.3lCambioEstatusTitle">Cambio de Estatus</h5>
                              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                              @if($users->status == 0)
                                    <p>¿Desea activar al usuario?</p>    
                              @elseif($users->status == 1)
                                    <p>¿Desea desactivar al usuario?</p>   
                              @endif
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                                <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_estatus"  class="btn btn-warning">Actualizar</button>
                       
                            </div>
                          </div>
                        </div>
                      </div>

                        <!--  FIN MODAL ENVIAR A COORDINACIÓN -->
                        <input type="hidden" name="id_user" value="{{ $users->id_u_user}}"> 

                        @if($users->status == 0)
 
                        <button type="button" class="btn btn-danger f-12" data-bs-toggle="modal"
                        data-bs-target="#ModalCambioEstatus_{{ $users->id_u_user}}" >Desactivado</button>
                        @elseif($users->status == 1)
 
                        <button type="button" class="btn btn-success f-12" data-bs-toggle="modal"
                        data-bs-target="#ModalCambioEstatus_{{ $users->id_u_user}}" >Activado</button>

                        @endif
                  </form>



                      </td> 


                      </tr>
                    @endforeach

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

          <!-- DOM/Jquery table end -->
<!--main--> 

    <!-- datatable Js --> 
 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="{{ URL::asset('js/plugins/jquery.dataTables.min.js')}}"></script>
    <script src="{{ URL::asset('js/plugins/dataTables.bootstrap5.min.js')}}"></script>
    <script src="{{ URL::asset('js/plugins/dataTables.responsive.min.js')}}"></script>
    <script src="{{ URL::asset('js/plugins/responsive.bootstrap5.min.js')}}"></script>

    <script>
      // [ DOM/jquery ] 
 $(document).ready(function()
            {
     // [ Configuration Option ]
     table =  new DataTable('#table-inventory-cat', {
        "bPaginate": false,
        "bLengthChange": false,
        "bFilter": true,
        "bInfo": false,
      "dom": 'lrt',
      "language": {
          "info": "Mostrando del _START_ al _END_ de _TOTAL_ registros",
          "search": "",
          "zeroRecords": "No se encontraron registros",
          "lengthMenu":     "Mostrar _MENU_ registros",
          "emptyTable":     "No hay registros por mostrar",
          "paginate": {
            "previous": "Anterior",
            "next": "Siguiente",
            
          }
        }
});
     
                
    }); // FIN DE TABLA
 
    </script>

@endsection