@extends('include.master')
@section('contant')


<style>
    
    .active{
            font-size: 14px;
    background-image: linear-gradient(to right, rgb(218, 34, 255) 0%, rgb(151, 51, 238) 51%, rgb(218, 34, 255) 100%);
        
    }
    
    
    .inactive{
         font-size: 14px;
        background-image: linear-gradient(to right, rgb(255, 81, 47) 0%, rgb(240, 152, 25) 51%, rgb(255, 81, 47) 100%);
    }
    
</style>

<div class="page-wrapper">
			<div class="page-content">


<div class="col-sm-12">
       <div class="container-fluid">

 <div class="row">
        <div class="col-lg-12">
          <div class="card">

                      <div class="card-header"><i class="fa fa-table"></i>Blog</div>

             <div class="card-body">
              <div class="table-responsive">
			        <table id="example2" class="table table-bordered" style="width:100%">
                <thead>
                  <tr>
                        <th>Sr.No.</th>
                        <th>Blog Title</th>
                        <th>Blog Image</th>
                        <th>Views</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                         @include('layouts.flash-message')
                    @php 
                    $i= 1;
                    
                    @endphp
                    
                    
                    
                 @foreach($blog as $settingee)
                 
                 
                   

<tr role="row" class="odd">
<td>{{$i++}}</td>
<td>{{$settingee->blog_title}}</td>
<td><img src="{{url('uploads/Blog/'.$settingee->blog_main_image)}}" width="70px"/></td>
<td>{{$settingee->views}}</td>
<td>
<input type="checkbox" data-id="{{ $settingee->id }}" name="status" class="js-switch" {{ $settingee->status == 1 ? 'checked' : '0' }}></td>
<td>
   
    <a class="btn btn-primary" href="updateBlog/{{$settingee->id}}"><i class="fa fa-pencil"></i></a>
<a class="btn btn-danger" href="deleteblog/{{$settingee->id}}" onclick="return confirm('Are you sure?')"><i class="fa-solid fa-trash"></i></a>
<a class="btn btn-dark" href="{{route('superadmin.Viewblogdetails',['id' => $settingee->id])}}"><i class="fa fa-eye"></i></a>
</td>
</tr>
@endforeach
</tbody>

</table>


 {{-- Pagination --}}
        <div class="d-flex justify-content-flex-end Pagination_1" >
            {!! $blog->links("pagination::bootstrap-4") !!}
        </div>

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



<script>let elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));

elems.forEach(function(html) {
    let switchery = new Switchery(html,  { size: 'small' });
});</script>


<script>
    
    
$(document).ready(function(){
    $('.js-switch').change(function () {
        let status = $(this).prop('checked') === true ? 1 : 0;
        let userId = $(this).data('id');
        $.ajax({
            type: "GET",
            dataType: "json",
            url: 'blog.update.status',
            data: {'status': status, 'id': userId},
            success: function (data) {
                alert(data.message);
            }
        });
    });
});
    
</script>



<style>

.w-5 {
    display: none;
}

.h-5{
    display: none;
}

</style>


@endsection
@stack('footer_script')