@extends('layout.adminLayout')


@section('content')
    <style>
        .media{
            border: solid 2px;
            border-color: #000;
            border-radius: 6px;
            background-color: #e1e1e1;

        }

        .media-body{

            padding: 30px 10px 10px 10px;
            background-color: #e1e1e1;

        }
        .imgBlog{
            margin-top:10px;
        }
        hr{
            margin-top:2px ;
            margin-bottom: 8px;

        }
    </style>

    <center> <h2>Lista de Articulos</h2></center>



    <center> {{$articulo->links()}}</center>
    <table class="table">
        <div class="row">

            @foreach($articulo as $articulos)
                <div class="media">
                    <div class="col-md-3">
                        <a href="editarArticulo/{{$articulos->id}}" title="Editar">

                            <img class="img-responsive imgBlog" src="img/ImagenesBlog/{{$articulos->ImgPrincipal}}" alt="">
                        </a>
                    </div>
                    <div class="media-body">

                        <a href="editarArticulo/{{$articulos->id}}" title="Editar">

                            <strong>Titulo: </strong>{{$articulos->titulo}}</a>
                        <hr>
                        <strong>Subtitulo: </strong>{{$articulos->subtitulo}}
                        <hr>
                        <strong>Contenido: </strong> ...                        <hr>
                        <strong>Fecha: </strong> {{$articulos->created_at}}

                        <hr>
                        <button class="btn btn-danger" onclick="eliminarArticulo('{{$articulos->id}}')">Eliminar</button>
                        <button class="btn btn-primary" onclick="window.location='editarArticulo/{{$articulos->id}}'">Editar</button>
                    </div>

                </div>

                @endforeach
                <center> {{$articulo->links()}}</center>



        </div>






@stop