@extends('layouts.admin')
@section('title', 'Novinky')

@section('content')
    <h1 class="mt-4">Novinky</h1>
    <ol class="breadcrumb mb-4">
        <li class="breadcrumb-item">Dashboard</li>
        <li class="breadcrumb-item active">Novinky</li>
    </ol>

    <div class="mb-2">
        <a href="{{ route('admin.articles.add') }}" class="btn btn--sm btn-success">
            <i class="fa fa-plus mr-3"></i> Přidat
        </a>
    </div>

    <table class="table table-bordered" cellspacing="0" style="min-width: 100%">
        <thead>
        <tr>
            <th>ID</th>
            <th>Titulní obrázek</th>
            <th>Název</th>
            <th>Perex</th>
            <th>Přidáno</th>
            <th>Akce</th>
        </tr>
        </thead>
        <tbody>
        @foreach($articles->get() as $article)
            <tr>
                <th>
                    {{ $article->id }}
                </th>
                <td>
                    @if($article->image)
                        <img src="{{ asset('images/articles/' . $article->image) }}" style="max-width: 80px">
                    @endif
                </td>
                <td>
                    {{ $article->title }}
                </td>
                <td>
                    {{ \Illuminate\Support\Str::limit($article->perex, 100) }}
                </td>
                <td>
                    {{ $article->created_at->format('j.n.Y') }}
                </td>
                <td>
                    <a href="{{ route('admin.articles.edit', $article) }}" class="btn btn-primary"
                       title="Upravit"><i class="fa fa-edit"></i></a>
                    <a href="{{ route('admin.articles.delete', $article) }}" class="btn btn-danger"
                       title="Smazat" onclick="return confirm('Opravdu smazat?')"><i class="fa fa-trash"></i></a>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>



@endsection