@extends('backend.layouts.main')

@section('content')
    <x-admin.page.view heading="Announcements">
        <div class="text-right">
            <x-admin.form.button type="link" to="{{ route('admin.announcements.create') }}">
                <i class="fa fa-plus"></i>
                <span class="ml-1">
                     New Announcement
                </span>
            </x-admin.form.button>
        </div>
        <x-admin.table.view>
            @php
                $columns = [
                    'SNo.',
                    'Title',
                    'Date',
                    'Action'
                ];
            @endphp
            <x-admin.table.head :columns="$columns"/>
            <tbody>
                @forelse($announcements as $index => $announcement)
                    <tr>
                        <td>{{ $index + $announcements->firstItem() }}</td>
                        <td>{{ $announcement->title }}</td>
                        <td>{{ $announcement->created_at->format('M d, Y') }}</td>
                        <td>
                            @php
                                /** @var  $announcement */
                                $menus = [
                                    [
                                        'to' => route('admin.announcements.show', $announcement->id),
                                        'fa-icon' => 'fa fa-eye',
                                        'title' => 'View'
                                    ],
                                ];
                            @endphp
                            <x-admin.table.menu.kebab :menus="$menus" />
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4">Announcement not found</td>
                    </tr>
                @endforelse
            </tbody>
        </x-admin.table.view>
        @include('backend.shared.pagination', ['paginator' => $announcements])
    </x-admin.page.view>
@endsection