@extends('admin.admin_dashboard')
@section('admin')



@php
$users = App\Models\User::where(function ($query) {
    $query->whereDoesntHave('subscriptions') // Users without any subscriptions
          ->orWhereHas('subscriptions', function ($subQuery) {
              $subQuery->where('status', '!=', 'active')
                       ->orWhere('end_date', '<=', now());
          }); // Users with expired or inactive subscriptions
})
->where('role', 'user')
->where('status', 1)
->latest()
->get();
@endphp





<div class="page-content">
  
    <!--breadcrumb-->
    <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> 
        <div class="ps-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 p-0">

                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard') }}"> <i class="bx bx-home-alt"> </i> </a>
                    </li>

                    <li class="breadcrumb-item active" aria-current="page">Subscribed Users </li>

                </ol>
            </nav>
        </div>
        <div class="ms-auto">
            <div class="btn-group">
                @if (Auth::user()->can('users.all'))
                   <a href="{{ route('all.user') }} " class="btn btn-primary px-5">All Users </a>  
              @endif 
            </div>
        </div>
    </div>
    <!--end breadcrumb-->




   
        <div class="container-fluid">
            
           

           

             <!--Users Starts -->
             <div class="row">

                <div class="col-xl-12">
                    <div class="card">
                        <div class="card-body">
                           

                            <h4 class="card-title mb-4"> Unsubscribed Users :  <span class="badge bg-info"> {{ count($users) }} </span> </h4>

                            <div class="table-responsive">

             
                                <table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">

                               {{-- <table class="table table-centered mb-0 align-middle table-hover table-nowrap" > --}}
                                    
                                    <thead class="table-light">
                                        <tr>
                                            <th> s/n </th>
                                            <th> fullnames </th>
                                            <th> email </th>
                                            <th> phone_number </th>
                                            <th> country </th>
                                            <th> subscription status </th>
                                          
                                            
                                        </tr>
                                    </thead><!-- end thead -->



                                    <tbody>
                                        @foreach($users as $key => $user)

                                       
                                    
                                            <tr>
                                                <td>{{ $key+1 }}</td>
                                                <td>{{ $user->title }} {{ $user->firstname }} {{ $user->surname }}</td>
                                                <td>{{ $user->email }}</td>
                                                <td>{{ $user->phone_number }}</td>
                                                <td>{{ $user->country }}</td>
                                                <td> Unsubscribed </td>

                                               

                                               
                                                
                                               

                                            </tr>
                                        @endforeach
                                    </tbody>
                                    


                                   



                                </table> <!-- end table -->
                            </div>

                        </div><!-- end card -->
                    </div><!-- end card -->
                </div>
                <!-- end col -->

            </div>
            <!--Users ends --> <!-- end row -->

          

          




             



              






        </div>
        
    
    <!-- End Page-content -->




</div>




@endsection