@extends('layouts.admin')

@section('title', $config['title'])

@section('content')
<div class="mx-auto max-w-7xl space-y-6 p-6">
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-bold text-slate-900">{{ $config['title'] }}</h1>
            <p class="mt-1 text-sm text-slate-600">Store-scoped operations records.</p>
        </div>
        <a href="{{ route('operations.create', $module) }}" class="rounded-lg bg-indigo-600 px-4 py-2 text-sm font-semibold text-white hover:bg-indigo-500">Add record</a>
    </div>

    @if (session('status'))
        <div class="rounded-lg bg-emerald-50 px-4 py-3 text-sm text-emerald-800">{{ session('status') }}</div>
    @endif

    <div class="overflow-x-auto rounded-xl border border-slate-200 bg-white shadow-sm">
        <table class="min-w-full divide-y divide-slate-200 text-sm">
            <thead class="bg-slate-50"><tr>
                <th class="px-4 py-3 text-left font-semibold text-slate-700">ID</th>
                @foreach ($config['fields'] as $field)<th class="px-4 py-3 text-left font-semibold text-slate-700">{{ str($field)->replace('_', ' ')->title() }}</th>@endforeach
                <th class="px-4 py-3"></th>
            </tr></thead>
            <tbody class="divide-y divide-slate-100">
            @forelse ($rows as $row)
                <tr class="text-slate-700">
                    <td class="whitespace-nowrap px-4 py-3">{{ $row->id }}</td>
                    @foreach ($config['fields'] as $field)
                        <td class="max-w-xs truncate px-4 py-3">{{ is_scalar($row->{$field} ?? null) ? $row->{$field} : '' }}</td>
                    @endforeach
                    <td class="whitespace-nowrap px-4 py-3 text-right"><a class="font-medium text-indigo-600 hover:text-indigo-500" href="{{ route('operations.edit', [$module, $row->id]) }}">Edit</a></td>
                </tr>
            @empty
                <tr><td colspan="{{ count($config['fields']) + 2 }}" class="px-4 py-10 text-center text-slate-500">No records in your accessible stores.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    {{ $rows->links() }}
</div>
@endsection