@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-12">

                        <div class="media border-bottom-1 pt-3 pb-3">
                            <i class="fa fa-users" style="font-size: 26px;"></i>
                            <div class="media-body">
                                <h5 class="mt-2">Filtro de ID</h5>
                            </div>
                        </div>

                    </div>

                    <div class="col-md-12">

                        <form method="GET" action="{{ route('reporte-activos') }}">
                            
                            <div class="row pt-3">
                            
                            <input type="hidden" name="tipo" value="1">

                            <div class="col-md-4">
                                <label class="m-t-20">Estatus</label>
                                <select class="form-control" name="status" required>
                                   <option value="" selected disabled>Seleccione una Opción</option>
                                   
                                   <option value="0">Inactivos</option>
                                   <option value="1">Activos</option>
                                   <option value="2">Todos</option>
                                  
                                </select>  
                            </div>

                            
                            <div class="col-md-2" style="margin-top: 2rem !important;">
                                <button class="btn btn-info btn-block" type="submit"> Buscar</button>
                            </div>    

                            </div> 
                        </form>
                               
                    </div>    
                </div>
            </div>
        </div>
    </div>
</div>    


<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                        <table class="table table-striped table-bordered zero-configuration">
                            <thead>
                                <th class="text-center">ID</th>
                                <th class="text-center">Nombre</th>
                                <th class="text-center">Correo</th>
                                <th class="text-center">Estatus</th>
                                <th class="text-center">Ingreso</th>
                            </thead>
                            <tbody>
                                @foreach ($usuarios as $user)
                                <tr>
                                  <td class="text-center">{{ $user->ID }}</td>
                                  <td class="text-center">{{ $user->display_name }}</td>
                                  <td class="text-center">{{ $user->user_email }}</td>
                                  <td class="text-center">
                                    @if ($user->status == '0')
                                        Inactivo
                                    @else
                                        Activo
                                    @endif
                                  </td>
                                  <td class="text-center">{{ date('d-m-Y', strtotime($user->created_at)) }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                  
                </div>
            </div>
        </div>
    </div>
</div>     


@endsection

@include('usuario.componentes.scripBotones')