@extends('layouts.frontend', ['body_class' => 'bg-gray-100'])

@php
    SEOMeta::setTitle('Hírek');
@endphp

@section('content')
    <x-frontend.header />

    <x-frontend.main>

        <x-frontend.section class="py-8 lg:py-16">
            <x-frontend.container size="medium">
                <x-frontend.animation>
                    <x-frontend.content.box>
                        <x-frontend.section.title title="{{ __('Hírek') }}" class="mb-8" />
                        <x-frontend.animation delay="250">

                            <a href="{{ route('admin.news.create', ["lang" => app()->getLocale()]) }}">
                                <div class="flex justify-center mt-6">
                                    <div class="w-full button">
                                        <span>
                                            <span class="flex items-center justify-center gap-2">
                                                <span>{{ __('Új hír') }}</span>
                                                <x-frontend.icons.arrow-up-right stroke="3" class="size-4" />
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </a>

                            <div class="w-full pt-6 overflow-x-auto">
                                <table class="w-full text-center">
                                    <thead class="font-bold border-b border-gray-200 text-laurel">
                                        <tr>
                                            <th scope="col" class="px-6 py-2">#</th>
                                            <th scope="col" class="px-6 py-2">{{ __('Cím') }}</th>
                                            <th scope="col" class="px-6 py-2">{{ __('Nyelv') }}</th>
                                            <th scope="col" class="px-6 py-2">{{ __('Műveletek') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($news as $new)
                                            <tr class="border-b border-gray-200 hover:bg-gray-200">
                                                <td class="px-6 py-2 font-bold whitespace-nowrap">
                                                    {{ $new->id }}</td>
                                                <td class="px-6 py-2 whitespace-nowrap">{{ $new->title }}</td>
                                                <td class="px-6 py-2 whitespace-nowrap">{{ $new->lang }}</td>
                                                
                                                <td class="px-6 py-2 whitespace-nowrap"><a href="{{ route('admin.news.edit', ['id' => $new->id, 'lang' => app()->getLocale()]) }}" class="button">
                                                        <span>{{ __('Szerkeszt') }}</span></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                        </x-frontend.animation>
                    </x-frontend.content.box>
                </x-frontend.animation>
            </x-frontend.container>
        </x-frontend.section>

    </x-frontend.main>

    <x-frontend.footer />
@endsection