@extends('layouts.admin')

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

@section('content')
<div class="mb-8">
    <h1 class="text-[var(--primary-green)] mb-2">{{ $config['title'] }}</h1>
    <p class="text-[var(--light-text)]">Create, update, and delete records directly from Blade forms.</p>
</div>

<section class="bg-white rounded-2xl shadow-md p-6 mb-8">
    <h3 class="text-[var(--primary-green)] mb-6">Add New</h3>
    <form method="post" action="{{ route('admin.resource.store', $resource) }}" class="grid grid-cols-1 md:grid-cols-2 gap-4">
        @csrf
        @foreach($config['fields'] as $field)
            @include('admin.resource-field', ['field' => $field, 'value' => null])
        @endforeach
        <div class="md:col-span-2">
            <button class="px-6 py-3 bg-[var(--primary-green)] text-white rounded-xl hover:bg-[var(--primary-green)]/90 smooth-transition">Save</button>
        </div>
    </form>
</section>

<div class="space-y-6">
    @forelse($rows as $row)
        <article class="bg-white rounded-2xl shadow-md p-6">
            <div class="flex items-start justify-between gap-4 mb-6">
                <div>
                    <h4 class="text-[var(--primary-green)]">{{ $row->title ?? $row->name ?? $row->label ?? $row->id }}</h4>
                    <p class="text-sm text-[var(--light-text)]">{{ $row->title_en ?? $row->name_en ?? $row->label_en ?? '' }}</p>
                </div>
                <form method="post" action="{{ route('admin.resource.destroy', [$resource, $row->id]) }}" onsubmit="return confirm('Delete this record?')">
                    @csrf
                    @method('DELETE')
                    <button class="px-4 py-2 bg-red-50 text-red-700 rounded-lg hover:bg-red-100">Delete</button>
                </form>
            </div>
            <form method="post" action="{{ route('admin.resource.update', [$resource, $row->id]) }}" class="grid grid-cols-1 md:grid-cols-2 gap-4">
                @csrf
                @method('PATCH')
                @foreach($config['fields'] as $field)
                    @include('admin.resource-field', ['field' => $field, 'value' => $row->{$field} ?? null])
                @endforeach
                <div class="md:col-span-2">
                    <button class="px-6 py-3 bg-[var(--primary-green)] text-white rounded-xl hover:bg-[var(--primary-green)]/90 smooth-transition">Update</button>
                </div>
            </form>
        </article>
    @empty
        <div class="bg-white rounded-2xl shadow-md p-8 text-center text-[var(--light-text)]">No records yet.</div>
    @endforelse
</div>
@endsection