@extends('backend.adminlayouts.master')

@section('body')
<span class="header-wrapper">
    <h3 class="text-gray-700 text-3xl font-medium">Pagini</h3>
    <a href="{{ route('pages.create') }}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded inline-block">
        Adauga pagina
    </a>
</span>
<div class="container mx-auto">
    <ul class="mt-6">
        @foreach($pages as $page)
        <li class="bg-white shadow-md rounded-lg overflow-hidden mb-4">
            <div class="p-4">
                <h2 class="font-bold text-lg text-gray-800">{{ $page->getTranslation('title', 'en') }}</h2>
                <div class="flex justify-end items-center gap-3 mt-4">
                    <a href=" {{ route('info.pages.show', [$page->slug]) }}" class="text-blue-500 hover:text-blue-700">Link pagina</a>
                    <a href="{{ route('pages.edit', [$page->id]) }}" class="text-blue-500 hover:text-blue-700">Modifica</a>
                    <form action="{{ route('pages.destroy', [$page->id]) }}" method="POST" class="inline-block">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded">
                            Sterge
                        </button>
                    </form>
                </div>
            </div>
        </li>
        @endforeach
    </ul>
</div>
@endsection