@extends('userPanel.layout.master')

@section('title','Blog-page')



@section('content')

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

   </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


<!-- Page Heading -->
<h1 class="h3 mb-4 text-gray-800">Approved Blogs</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>Image</th>
                                           
                                            <th>Blog Title</th>
                                            <th>Status</th>
                                           
                                            <th>Tags</th>
                                            
                                            <th>Short Description</th>
                                          
                                            <th>Created At</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tfoot>
                                        <tr>
                                            <th>S.No</th>
                                            <th>Image</th>
                                          
                                            <th>Blog Title</th>
                                            <th>Status</th>
                                            
                                            <th>Tags</th>
                                          
                                            <th>Short Description</th>
                                          
                                            <th>Created At</th>
                                            <th>Actions</th>
                                        </tr>
                                    </tfoot>
                                    <tbody>
                                                                         @foreach($getawaitblog as $bloglist)

          
                                     <tr>
                                            <td >{{$num++}}</td>
                                            <td style="width: 5%;"><img src="http://localhost/blog/public/images/blogimages/{{$bloglist->image }}" class="img img-thumbnail" alt="img" style="width:50%;height:40%"></td>
                                           
                                            <td>{{$bloglist->title}}</td>
                                            <td><span class="badge badge-warning  text-dark p-1">Awaiting Blog</span></td>
                                          
                                            <td>
                                                @foreach($bloglist->tags as $tagslist)
                                            <span class="badge badge-secondary p-1">{{$tagslist->name }}</span>
                                            @endforeach
                                            </td>                                            
                                                                                  
                                            <td>{{ substr($bloglist->short_description,0,30) }}...</td>
                                            
                                            <td>{{$bloglist->created_at->format('d-m-y H:i M')}}</td>
                                            <td>
                                                <a href="deleteBlog/{{$bloglist->id}}"><i class="fas fa-minus-circle" style="color:red;" ></i> </a> 
                                            <!-- <a href="editBlog/{{$bloglist->id}}"> <i class="far fa-edit" style="color:blue;"></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