@extends('layouts.admin')
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="row mt-3 d-flex justify-content-center">
            <div class="col-12 col-lg-8">
                <div class="card shadow">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h2 class="text-center">{{ $data ? 'Update' : 'Create' }} Notification</h2>
                        <a href="{{ route('notifications.index') }}" style="background-color: #DE3996; color: #fff"
                            class="btn btn mb-3">View Notifications</a>
                    </div>
                    <div class="card-body">
                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif
                        @if (session('error'))
                            <div class="alert alert-danger">
                                {{ session('error') }}
                            </div>
                        @endif
                        <form id="myFormId" action="{{ $data ? route('notifications.update', $data->id) : route('notifications.store') }}"
                            method="POST">
                            @csrf

                            <div class="row">
                                <div class="col-12 ">
                                    <div class="form-group mt-0">
                                        <label for="message">Message</label>
                                        <textarea name="message" id="message" cols="10" rows="5" class="form-control">{{ old('message', $data ? $data->data['message'] : '') }}</textarea>
                                        @error('message')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <button type="submit" class="btn btn-lg mt-3" style="background-color: #DE3996; color: #fff">
                                {{ $data ? 'Update' : 'Send' }}
                            </button>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script src="{{ url('assets/js/app-form.js') }}"></script>
    <script>
        // Just pass the form ID
     setTimeout(() => {
           submitFormAjax('myFormId');
     }, 1000);
    </script>
@endpush