@extends('layouts.panel')

@php($pageTitle = 'Posts')

@section('main')
    <div class="my-6 box">
        <x-table :$filters>
            <x-slot:search is-grouped>
                <x-form.input placeholder="Título" name="title" is-size="normal" is-expanded />
                <x-form.button icon="search" is-size="normal" />
            </x-slot>
            <x-slot:thead>
                <x-table.th label="Título" order-by="title" />
                <x-table.th label="Status" order-by="status" />
                <x-table.th label="Data" order-by="created_at" />
            </x-slot>
            @forelse ($posts as $post)
                <tr>
                    <td>
                        {{ $post->title }}<br>
                        <small>{{ $post->category->name }}</small>
                    </td>
                    <td>{{ $post->status->label() }}</td>
                    <td>{{ $post->created_at }}</td>
                </tr>
            @empty
                <tr>
                    <td>
                        <span class="has-text-grey-light icon-text">
                            <x-icon icon="info-circle" />
                            <span>Nenhum post</span>
                        </span>
                    </td>
                </tr>
            @endforelse
        </x-table>
    </div>
@endsection