@extends('backend.layout.master')

@section('title','Users-list')



@section('content')

 <!-- if blog create successfully then show success alert -->
 @if(Session::get('success'))     
       <script>   
        Swal.fire({
                icon: 'success',
                title: 'Done',
                text: 'User has been deleted',
            })

   </script>  
      @endif

      @if(Session::get('updated'))     
       <script>   
        Swal.fire({
                icon: 'success',
                title: 'Done',
                text: 'Blog Updated !',
            })

   </script>  
      @endif

      @if(Session::get('delete'))     
       <script>   
        Swal.fire({
                icon: 'success',
                title: 'Done',
                text: 'Blog has been deleted !',
            })

   </script>  
      @endif


      @if(Session::get('error'))     
       <script>   
        Swal.fire({
                icon: 'error',
                title: 'Error !',
                text: '{{Session::get('error')}}',
            })

   </script>  
      @endif


<!-- Page Heading -->
<h1 class="h3 mb-4 text-gray-800">User List</h1>

<!-- Basic Card Example -->
<div class="card shadow mb-4">
    <!-- <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
        <h6 class="m-0 font-weight-bold text-primary">Blog</h6>
      <a href="{{url('/blogcreate')}}">  <button class="btn float-right btn-primary" >Create Blog</button></a>

    </div> -->
    <!-- <div class="card-body">    The styling for this basic card example is created by using default Bootstrap    </div> -->

      <!-- DataTales Example -->
  <div class="card shadow mb-4">
                        <div class="card-header py-3">
                            <!-- <h6 class="m-0 font-weight-bold text-primary">DataTables Example</h6> -->
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                    <thead>

                                 

                                        <tr>
                                            <th>S.No</th>
                                            <th>User</th>
                                            <th>email</th>
                                            <th>blogs</th>                                            
                                            <th>created at</th>                                            
                                            <th>Actions</th>                                            
                                        </tr>
                                    </thead>
                                    <tfoot>
                                        <tr>
                                        <th>S.No</th>
                                            <th>User</th>
                                            <th>email</th>
                                            <th>blogs</th>
                                            <th>created at</th>
                                            <th>Actions</th>
                                        </tr>
                                    </tfoot>
                                    <tbody>
                                                                        
                            @foreach($users as $user)
          
                                     <tr>
                                            <td>{{$num++}}</td>
                                            
                                           <td> {{$user->name ?? ''}}</td>
                                           <td> {{$user->email ?? '' }}</td>
                                           <td> {{ count($user->blogs) ?? '' }}</td>
                                           <td> {{$user->created_at ?? '' }}</td>
                                           <td> <a href="del-users/{{$user->id}}" class="btn btn-md btn-danger">Delete <i class="fas fa-minus-circle" style="color:black;" ></i> </a> </td>
                                            
                                        </tr>

                                        @endforeach
                                    
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

`

    
</div>

@endsection



@section('script')

 <script type="text/javascript">
console.log(baseUrl);

 </script>

<script type="text/javascript" src="{{asset('backend/partials/approveBlog.js')}}"></script>

@endsection