@extends('dashboard.layouts.base')

@section('content')
<div class="col-12">
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center w-100" style="direction: rtl;">
            <h3 class="card-title mb-0">إرسال إشعار جديد</h3>
        </div>
        <div class="p-3">
            <form id="notificationForm" action="{{ route('dashboard.users.notification.store') }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label>العنوان</label>
                    <input type="text" name="title" class="form-control" required>
                </div>

                <div class="mb-3">
                    <label>المحتوى</label>
                    <textarea name="body" class="form-control" rows="5" required></textarea>
                </div>

                <input type="hidden" name="user_id" value="{{ $number['id'] }}">

                <button type="submit" id="submitBtn" class="btn btn-primary">إرسال</button>
            </form>
        </div>
    </div>
</div>

<script>
// منع الإرسال المتكرر
let isSubmitting = false;

document.getElementById('notificationForm').addEventListener('submit', function(e) {
    if (isSubmitting) {
        e.preventDefault();
        return false;
    }
    
    isSubmitting = true;
    document.getElementById('submitBtn').disabled = true;
    document.getElementById('submitBtn').textContent = 'جاري الإرسال...';
    
    console.log('Form submitted once'); // للتأكد
});
</script>
@endsection