@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' : 'Edit Notification' }}</div>

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

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

                        <div class="mb-3">
                            <label for="notifiable_type" class="form-label">Notifiable Type</label>
                            <select class="form-control @error('notifiable_type') is-invalid @enderror" id="notifiable_type" name="notifiable_type" required>
                                <option value="">Select Type</option>
                                <option value="App\Models\User" {{ old('notifiable_type', $notification->notifiable_type ?? '') == 'App\Models\User' ? 'selected' : '' }}>User</option>
                                <option value="App\Models\Vehicle" {{ old('notifiable_type', $notification->notifiable_type ?? '') == 'App\Models\Vehicle' ? 'selected' : '' }}>Vehicle</option>
                                <option value="App\Models\Product" {{ old('notifiable_type', $notification->notifiable_type ?? '') == 'App\Models\Product' ? 'selected' : '' }}>Product</option>
                            </select>
                            @error('notifiable_type')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

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

                        <div class="mb-3">
                            <label for="data" class="form-label">Data (JSON)</label>
                            <textarea class="form-control @error('data') is-invalid @enderror" id="data" name="data" rows="4" required>{{ old('data', json_encode($notification->data ?? [], JSON_PRETTY_PRINT)) }}</textarea>
                            @error('data')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="read_at" class="form-label">Read At</label>
                            <input type="datetime-local" class="form-control @error('read_at') is-invalid @enderror" id="read_at" name="read_at" value="{{ old('read_at', $notification->read_at ? $notification->read_at->format('Y-m-d\TH:i') : '') }}">
                            @error('read_at')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

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