<%- include('includes/header',  {username: admin[0].name,email: admin[0].email } ) %>
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
 <link rel="stylesheet" href="/css/notification.css">
      <div class="body-wrapper">
        <div class="container-fluid">
          <div class="card bg-info-subtle shadow-none position-relative overflow-hidden mb-4">
            <div class="card-body px-4 py-3">
         <div class="row align-items-center">
  <div class="col-md-8 col-sm-7">
    <h4 class="fw-semibold mb-1">Send Notification To Verified Users
</h4>
 
  </div>

  <div class="col-md-4 col-sm-5 text-md-end text-sm-start mt-3 mt-md-0">

  </div>
</div>

            </div>
          </div>

        
         <div class="notification-container">
<form>

<!-- Being Sent To -->
    <div class="mb-3">
        <label class="form-label">
            Sent To <span class="text-danger">*</span>
        </label>
        <select class="form-select" id="sentToEmail" required>
            <option selected value="all">All User</option>
            <option value="specific">Selected Users</option>
        </select>
    </div>

    <!-- Specific Users Multi Select -->
    <div class="mb-3 d-none" id="specificUsersWrapper">
        <label class="form-label">
            Select Users <span class="text-danger">*</span>
        </label>

        <select id="specificUsers" class="form-select" multiple style="width:100%">
            <!-- JS will load options -->
        </select>
    </div>

    <!-- Subject -->
    <div class="mb-3">
        <label class="form-label">
            Subject <span class="text-danger">*</span>
        </label>
        <input type="text" class="form-control" id="subjectEmail" required>
    </div>

    <!-- Message -->
    <div class="mb-3">
                    <label class="form-label">Message <span class="text-danger">*</span></label>
                    <!-- Summernote Target Area -->
                    <textarea id="summernoteEditor" name="message"></textarea>
                </div>



 <!-- Submit -->
    <div class="d-grid mt-4 mb-4">
        <button type="submit" class="btn bg-primary text-white">Submit</button>
    </div>

</form>




</div>

           
          </div>
        </div>
      </div>

  <%- include('includes/allscripts') %>
    <!-- Quill Editor JS -->
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script src="/js/view/sendnotification.js"></script>


