@extends('backend.adminlayouts.master')

@section('body')
<span class="header-wrapper">
    <h3 class="text-gray-700 text-3xl font-medium">Anunturi</h3>
    <a href="{{ route('announcements.create') }}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded inline-block">
        Adauga anunt
    </a>
</span>
<div class="container mx-auto">
    <ul class="mt-6 space-y-4">
        @foreach($announcements as $post)
        <li class="bg-white shadow-md rounded-lg overflow-hidden">
            <div class="p-4">
                <h2 class="font-bold text-lg text-gray-800">{{ $post->title }}</h2>
                <p class="text-gray-600 mt-2">{{ $post->shortDescription }}</p>
                {{-- @if($post->image)--}}
                {{-- <div class="px-6 py-4 whitespace-no-wrap border-b border-gray-200">--}}
                {{-- <div class="flex items-center">--}}
                {{-- <img src="{{ Storage::url($post->image) }}" alt="{{ $post->title }}" class="mt-4 rounded img-backend-products">--}}
                {{-- </div>--}}
                {{-- </div>--}}
                {{-- @endif--}}
                <div class="flex justify-end items-center gap-3 mt-4">
                    <a href="{{ route('announcements.edit', $post) }}" class="text-blue-500 hover:text-blue-700">Modifica</a>
                    <form action="{{ route('announcements.destroy', $post) }}" 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