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

<div class="table-responsive mt-3">
    <table class="table mt-3 table-hover datatable display">
        <thead>
           
           
            <tr>
                <th>#</th>
                
                <th>Username</th>
                <th>Package</th>
                <th>Comments</th>
                <th>Monthly Bill</th>
                <th>Connection Date</th>
                <th>Status</th>
                
                
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
         
    @foreach ($users as $user)
    <tr>
        <td scope="row">{{$loop->index+1}}</td>
        
        <td>{{$user->name}}</td>
        <td>{{$user->profile}}</td>
        <td>{{$user->comments}}</td>
        <td>{{$user->bill_amount}}</td>
        <td>
            <i class="fa fa-calendar text-muted" aria-hidden="true"></i>
            {{$user->created_at->format('d M, Y')}}
            &nbsp;
            <i class="fa fa-clock text-muted" aria-hidden="true"></i>
            
            {{$user->created_at->format('h:i:s A')}}<br>
            <a href="{{route('admin.pppoe.edit.conn-date',[app()->getLocale(),$user->id])}}">Change Date</a>

        </td>
        <td>
            @if ($user->disabled=='false')
                <span class="badge badge-pill badge-success">ON</span>
            @else
            <span class="badge badge-pill badge-danger"> OFF </span>
            @endif
            
        </td>
       
        <td>
            @php
            if(isset($_REQUEST['page'])){
                $page_id=$_REQUEST['page'];
            }else{
                $page_id=1;
            }
            @endphp
            <a href="{{route('admin.pppoe.show',[app()->getLocale(),$user->id,'page'=>$page_id])}}" class="btn btn-success btn-sm displayPopup">
                <i class="fas fa-database    "></i>
                Details
            </a>
            <a href="{{route('admin.pppoe.payment',[app()->getLocale(),$user->id,'page'=>$page_id])}}" class="btn btn-primary btn-sm displayPopup">
                    <i class="fas fa-receipt    "></i>
                    Receive Payment
            </a>
            <div class="btn-group">
                
                <button type="button" class="btn btn-info btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  More
                </button>
                <div class="dropdown-menu dropdown-menu-right">
                  {{-- <a class="dropdown-item" href="#">Action</a>
                  <a class="dropdown-item" href="#">Another action</a>
                  <a class="dropdown-item" href="#">Something else here</a> --}}
                  @can('modify-secret')
                      
                  
                  <a href="{{route('admin.pppoe.edit',[app()->getLocale(),$user->id,'page'=>$page_id])}}" class="dropdown-item displayPopup">
                
                    <i class="fas fa-pen-fancy text-primary"></i>
                    Edit</a>
                    <a href="{{route('admin.ppp.edit-package',[app()->getLocale(),$user->id,'page'=>$page_id])}}" class="dropdown-item displayPopup">
                
                        
                        <i class="fas fa-luggage-cart    "></i>
                        Change package and price</a>
                        @endcan
                       @can('modify-secret')
                           
                       
                        <a href="{{route('admin.ppp.edit-user',[app()->getLocale(),$user->id,'page'=>$page_id])}}" class="dropdown-item displayPopup">
                            <i class="fas fa-user-cog    "></i>
                           
                            Change username and password
                        </a>
                        @endcan
                    <div class="dropdown-divider"></div>
                    @if ($user->disabled=='false')
                        
                    <a href="{{route('admin.pppoe.user.disable',[app()->getLocale(),$user->id,'page'=>$page_id])}}" class="dropdown-item displayPopup">
                       
                        <i class="fas fa-calendar-times text-warning   "></i>
                        Disable Connection
                    </a>
                    
                    @else
                    @can('manager')
                        
                    
                    <a href="{{route('admin.pppoe.user.enable',[app()->getLocale(),$user->id,'page'=>$page_id])}}" class="dropdown-item displayPopup">
                       
                       <i class="fas fa-signal text-success   "></i>
                        Enable Connection
                    </a>
                    @endcan
                    @endif
                    @can('delete-secret')
                        
                    <div class="dropdown-divider"></div>
                    <form action="{{ route('admin.pppoe.destroy',[app()->getLocale(),$user]) }} " method="POST" style="text-align: center">
                        @csrf
                        {{ method_field('DELETE') }}
                        <button class="btn btn-danger btn-sm" type="submit"  onclick="return confirm('Do you really want to delete the PPP secret {{$user->name}}?')">
                            <i class="fas fa-recycle    "></i>
                            Delete
                        </button>
                    </form>
                
                @endcan
                
                </div>
              </div>
           
        </td>
    </tr>
    
    
    @endforeach
       
</tbody>
</table>
</div>
<div class="d-flex justify-content-center">
    {{-- {!! $users->links() !!} --}}
</div>
@endsection