<div class="modal fade" id="sendSMSModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="fas fa-sms me-2"></i>এসএমএস পাঠান
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form action="#" method="POST" id="sendSMSForm">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="sms_type" class="form-label">এসএমএস প্রকার</label>
                        <select name="sms_type" id="sms_type" class="form-select" required>
                            <option value="">নির্বাচন করুন</option>
                            <option value="overdue">বকেয়া সঞ্চয় রিমাইন্ডার</option>
                            <option value="upcoming">আসন্ন সঞ্চয় রিমাইন্ডার</option>
                            <option value="custom">কাস্টম মেসেজ</option>
                        </select>
                    </div>
                    
                    <div class="mb-3">
                        <label for="sms_month" class="form-label">মাস নির্বাচন করুন</label>
                        <select name="month_year" id="sms_month" class="form-select">
                            <option value="">নির্বাচন করুন</option>
                            @foreach($monthYears as $monthYear)
                                <option value="{{ $monthYear }}">{{ date('F Y', strtotime($monthYear . '-01')) }}</option>
                            @endforeach
                        </select>
                    </div>
                    
                    <div class="mb-3" id="customMessageDiv" style="display: none;">
                        <label for="custom_message" class="form-label">কাস্টম মেসেজ</label>
                        <textarea name="custom_message" id="custom_message" rows="3" class="form-control" maxlength="160"></textarea>
                        <small class="text-muted">সর্বোচ্চ ১৬০ ক্যারেক্টার</small>
                    </div>
                    
                    <div class="mb-3">
                        <div class="form-check">
                            <input type="checkbox" name="include_all" id="include_all" class="form-check-input">
                            <label for="include_all" class="form-check-label">সকল সদস্যকে পাঠান</label>
                        </div>
                    </div>
                    
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle me-2"></i>
                        অনুমানিত প্রাপক: <span id="estimatedRecipients">0</span> জন
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">বাতিল</button>
                    <button type="submit" class="btn btn-primary">এসএমএস পাঠান</button>
                </div>
            </form>
        </div>
    </div>
</div>