@extends('layouts.app')

@section('content')
<section class="bg-white">
    <div class="mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8">
        <div class="flex flex-wrap items-center justify-between gap-4">
            <div>
                <a href="{{ route('admin.index') }}" class="text-sm font-semibold text-sky-700">Admin Dashboard</a>
                <h1 class="mt-2 text-3xl font-bold">Manage {{ str($resource)->headline() }}</h1>
            </div>
        </div>
        <form action="{{ route('admin.store', $resource) }}" method="post" class="mt-6 grid gap-3 rounded-lg border border-slate-200 bg-slate-50 p-5 md:grid-cols-3">
            @csrf
            @foreach ($fillable as $field)
                @continue(in_array($field, ['password', 'assigned_to', 'attachment_path', 'resource_type'], true))
                <label class="grid gap-1 text-xs font-semibold uppercase tracking-wide text-slate-500">{{ str($field)->headline() }}
                    <input name="{{ $field }}" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
                </label>
            @endforeach
            <button class="rounded-lg bg-slate-950 px-4 py-2 text-sm font-semibold text-white md:col-span-3">Create Item</button>
        </form>
        <div class="mt-8 overflow-x-auto rounded-lg border border-slate-200">
            <table class="w-full min-w-[900px] text-left text-sm">
                <thead class="bg-slate-50"><tr>
                    <th class="px-4 py-3">ID</th>
                    @foreach (array_slice($fillable, 0, 8) as $field)<th class="px-4 py-3">{{ str($field)->headline() }}</th>@endforeach
                    <th class="px-4 py-3">Actions</th>
                </tr></thead>
                <tbody>
                @foreach ($items as $item)
                    <tr class="border-t border-slate-100">
                        <td class="px-4 py-3">{{ $item->id }}</td>
                        @foreach (array_slice($fillable, 0, 8) as $field)
                            <td class="px-4 py-3">{{ str((string) data_get($item, $field))->limit(60) }}</td>
                        @endforeach
                        <td class="px-4 py-3">
                            <form action="{{ route('admin.destroy', [$resource, $item->id]) }}" method="post">
                                @csrf
                                @method('delete')
                                <button class="rounded-lg border border-rose-300 px-3 py-1 text-xs font-semibold text-rose-700">Delete</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <div class="mt-6">{{ $items->links() }}</div>
    </div>
</section>
@endsection