@extends('layouts.admin')



@section('content')

<div class="col-sm-12">
<H1 style="margin-top: 40px;">View All Blogs</H1>

<div style="float: right; margin-top: -45px; margin-bottom: 10px;"> 
<a href="{{URL('blog/create')}}" style="font-size: 16px;" type="button" class="btn btn-primary">Create Blog</a>


</div>
 @if ($message = Session::get('success'))
        <div class="alert alert-success">
            <p>{{ $message }}</p>
        </div>
        
    @endif

  </div>
 
<table style="border-radius: 5px;" class="table table-bordered table-striped">
 <tr>
  <th width="5%">ID</th>
  <th width="20%">Image</th>
  <th width="10%">Name</th>
  <th width="55%">Content</th>
  <th width="10%">Date</th>
  <th width="30%">Action</th>
 </tr>
 @foreach($data as $row)
  <tr>
    <td>{{ $row->id }}</td>
   <td>
      @if($row->status ==1)
       <video controls src="{{ URL::to('/') }}/images/{{ $row->image }}" class="img-thumbnail" width="300" /></video>
       @else
       <img style="margin-left:-2px;" src="{{ URL::to('/') }}/images/{{ $row->image }}" class="img-thumbnail" width="300" />
       @endif
       
       </td>
   <td>{{ $row->name }}</td>
   <td>{{ $row->content }}</td>
   <td>
    {{$row->date}}
   </td>
   <td>
     <a style="width: 65px;float:left; margin-right: 3px;" href="{{route('blog.edit', $row->id)}}" class="btn btn-success">
         Edit
         </a>
      <form action="{{ route('blog.destroy',$row->id) }}" method="POST">

                  

                    @csrf
                    @method('DELETE')

                    <button type="submit" class="btn btn-danger">Delete</button>
                </form>
   </td>
  </tr>
 @endforeach
</table>








  <div class="col-md-2"></div>   
{!! $data->links() !!}


@endsection

<style>
    .box{
        height: auto;
        width: 300px;
        float: right;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 20px;
        font-family: "Comic Sans MS", cursive, sans-serif;
        box-shadow: 0px 5px 25px 0px gray;
        border-radius: 5px;
        background-color: white;
        color:black;
    }

</style>