@extends('layouts.sidebar')

@section('title', __('app.homepage_offerings'))
@section('page-title', __('app.homepage_offerings'))

@section('content')
<div class="mb-6 flex justify-between items-center">
    <a href="{{ route('admin.homepage.index') }}" class="text-sm text-primary hover:underline"><i class="fas fa-arrow-left mr-1"></i>{{ __('app.homepage_editor') }}</a>
    <a href="{{ route('admin.homepage.offerings.create') }}" class="btn btn-primary btn-sm"><i class="fas fa-plus mr-1"></i>{{ __('app.create') }}</a>
</div>

<div class="bg-white rounded-lg shadow overflow-hidden">
    <table class="min-w-full divide-y divide-gray-200">
        <thead class="bg-gray-50">
            <tr>
                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">#</th>
                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">SR</th>
                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Vidljivo</th>
                <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase">{{ __('app.actions') }}</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-200">
            @forelse($offerings as $o)
            <tr>
                <td class="px-4 py-3 text-sm">{{ $o->sort_order }}</td>
                <td class="px-4 py-3 text-sm font-medium">{{ $o->title_sr }}</td>
                <td class="px-4 py-3 text-sm">{{ $o->is_visible ? 'Da' : 'Ne' }}</td>
                <td class="px-4 py-3 text-sm text-right space-x-2">
                    <a href="{{ route('admin.homepage.offerings.edit', $o) }}" class="text-primary hover:underline">{{ __('app.edit') }}</a>
                    <form action="{{ route('admin.homepage.offerings.destroy', $o) }}" method="POST" class="inline" onsubmit="return confirm('Obrisati?');">
                        @csrf @method('DELETE')
                        <button type="submit" class="text-red-600 hover:underline">{{ __('app.delete') }}</button>
                    </form>
                </td>
            </tr>
            @empty
            <tr><td colspan="4" class="px-4 py-8 text-center text-gray-500">Nema kartica. Dodajte prvu ili pokrenite seeder.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
{{ $offerings->links() }}
@endsection