@extends('layouts.admin')

@section('title', ($row ? 'Edit ' : 'Add ').$config['title'])

@section('content')
<div class="mx-auto max-w-3xl p-6">
    <a href="{{ route('operations.index', $module) }}" class="text-sm font-medium text-indigo-600">&larr; Back to {{ $config['title'] }}</a>
    <h1 class="mt-4 text-2xl font-bold text-slate-900">{{ $row ? 'Edit' : 'Add' }} {{ rtrim(strtolower($config['title']), 's') }}</h1>
    <form method="POST" action="{{ $row ? route('operations.update', [$module, $row->id]) : route('operations.store', $module) }}" class="mt-6 space-y-5 rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        @csrf
        @if ($row) @method('PATCH') @endif
        @foreach ($config['fields'] as $field)
            @php $value = old($field, $row->{$field} ?? ''); @endphp
            <div>
                <label for="{{ $field }}" class="mb-1 block text-sm font-medium text-slate-700">{{ str($field)->replace('_', ' ')->title() }}</label>
                @if (in_array($field, ['description', 'notes', 'reason', 'manager_notes', 'goals', 'kpi_notes', 'strengths', 'improvements', 'improvement_plan', 'resolution_notes']))
                    <textarea id="{{ $field }}" name="{{ $field }}" rows="4" class="w-full rounded-lg border-slate-300 text-sm">{{ $value }}</textarea>
                @else
                    <input id="{{ $field }}" name="{{ $field }}" value="{{ $value }}" class="w-full rounded-lg border-slate-300 text-sm" type="{{ str_ends_with($field, '_date') || $field === 'date' ? 'date' : (in_array($field, ['clock_in', 'clock_out']) ? 'datetime-local' : 'text') }}">
                @endif
                @error($field)<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
            </div>
        @endforeach
        <div class="flex gap-3"><button class="rounded-lg bg-indigo-600 px-4 py-2 text-sm font-semibold text-white hover:bg-indigo-500">Save</button><a href="{{ route('operations.index', $module) }}" class="rounded-lg px-4 py-2 text-sm font-semibold text-slate-700">Cancel</a></div>
    </form>
</div>
@endsection