@extends('backend.home')
@section('body')

<div class="container">
    <div class="row justify-content-center">
    	<div class="col-md-2 top-left">
            <div class="list-group">

  <a id="allblog" href="{{URL::asset('/home/gallery')}}" class="list-group-item list-group-item-action"><i class="fas fa-image"></i> Thêm ảnh khoảnh khắc</a>
  <a href="{{URL::asset('/home/gallery/list')}}" class="list-group-item list-group-item-action"><i class="fab fa-envira"></i> Quản lí ảnh</a>


  <a href="#" class="list-group-item list-group-item-action disabled">Copyright@</a>
</div>
        </div>
         <div class="col-md-9">
            <div class="card">
                <div class="card-header">
                	<i class="fas fa-tachometer-alt"></i> Dashboard
                </div>
                <div class="card-body">
                	<table class="table table-hover">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>IMAGE</th>
                                <th>DESCRIPTION</th>
                                <th>OPTION</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($data as $vle)
                            <tr>
                                <td>{{$vle->id}}</td>
                                <td><img src="{{asset('/')}}{{$vle->image}}" class="img-responsive" style="width:150px;height:100px;object-fit: cover"></td>
                                <td>{{$vle->mota}}</td>
                                <td><a href="{{asset('/home/gallery/list/del')}}{{$vle->id}}">DELETE</a></td>
                            </tr>
                            @endforeach
                            <tr>
                                <td colspan="4">{{ $data->links( "pagination::bootstrap-4") }}</td>
                            </tr>
                        </tbody>
                    </table>




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



    </div>
</div>

@endsection