@extends('layouts.admin')
@section('content')
<div class="card">
        <div class="card-header">
            <h1 class="card-tittle text-center">Articulos</h1>
            <a href="{{ route('articulos.create') }}" class="btn btn-success">Crear articulo</a>
        </div>
        <div class="card-body">
            <table class="table">
                <thead>
                    <tr>
                        <th>id</th>
                        <th>Nombre</th>
                        <th>Descripción</th>
                        <th>Creado</th>
                        <th>Actualizado</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($posts as $post)
                    <tr>
                        <td scope="row">{{ $post->id }}</td>
                        <td scope="row">{{ $post->nombre }}</td>
                        <td width="40%" scope="row">{{ $post->descripcion_corta}}</td>
                        <td scope="row">{{ date('F d, Y', strtotime($post->created_at))}}</td>
                        <td scope="row">{{ date('F d, Y', strtotime($post->updated_at))}}</td>
                        <td class="row">
                            <div class="col-md-6">
                                <a class="btn btn-info" href="{{ route('articulos.edit', ['id' => $post->id]) }}"><i class="fas fa-edit"></i></a>
                            </div>
                            <div class="col-md-6">
                                <form action="{{ route('articulos.destroy', ['id' => $post->id]) }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="_method" value="DELETE">
                                    <button class="btn btn-danger" type="submit"><i class="far fa-trash-alt"></i></button>
                                </form>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                    
                </tbody>
            </table>
        </div>
    </div>
@endsection