@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">{{ $formType === 'create' ? 'Create New Notification Setting' : 'Edit Notification Setting' }}</div>

                <div class="card-body">
                    <form method="POST" action="{{ $formType === 'create' ? route('notification-settings.store') : route('notification-settings.update', $notificationSetting) }}">
                        @csrf
                        @if($formType === 'edit')
                            @method('PUT')
                        @endif

                        <div class="mb-3">
                            <label for="feature" class="form-label">Feature</label>
                            <input type="text" class="form-control @error('feature') is-invalid @enderror" id="feature" name="feature" value="{{ old('feature', $notificationSetting->feature ?? '') }}" required>
                            @error('feature')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="events" class="form-label">Events (JSON array)</label>
                            <textarea class="form-control @error('events') is-invalid @enderror" id="events" name="events" rows="4" required>{{ old('events', json_encode($notificationSetting->events ?? [], JSON_PRETTY_PRINT)) }}</textarea>
                            <small class="text-muted">Enter as JSON array, e.g., ["created", "updated", "deleted"]</small>
                            @error('events')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="roles" class="form-label">Roles (JSON array)</label>
                            <textarea class="form-control @error('roles') is-invalid @enderror" id="roles" name="roles" rows="4" required>{{ old('roles', json_encode($notificationSetting->roles ?? [], JSON_PRETTY_PRINT)) }}</textarea>
                            <small class="text-muted">Enter as JSON array, e.g., ["admin", "manager", "user"]</small>
                            @error('roles')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="message" class="form-label">Message</label>
                            <textarea class="form-control @error('message') is-invalid @enderror" id="message" name="message" rows="3">{{ old('message', $notificationSetting->message ?? '') }}</textarea>
                            @error('message')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

                        <div class="d-flex justify-content-between">
                            <a href="{{ route('notification-settings.index') }}" class="btn btn-secondary">Back</a>
                            <button type="submit" class="btn btn-primary">{{ $formType === 'create' ? 'Create Setting' : 'Update Setting' }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection