bnmbnmbnmnbmbio;io;irererereeo;o;oi;;oi;oioi;oi;oio;;oovn

hjkhhjhjol;io;ioio;ioiio;ioreererereio;;iooi;i;o;oii;o;ioo;iio;oi; bnmbnmbnmnbmbio;io;irererereeo;o;oi;;oi;oioi;oi;oio;;oovn

<?php
    require_once 'header.php';
    require_once 'navbar.php';
?>

<div class="container-fluid pt-8">
    <div class="page-header mt-0 p-3">
        <h3 class="mb-sm-0">NOTIFICATIONS</h3>
        <button id="addd" title="" class="btn btn-primary pull-right" data-toggle="modal" data-target="#add-notification-modal">
                <i class="fa fa-plus"></i>
        </button>
        
    </div>
    <div id="alert2" class="col-md-12"></div>
      
    <div class="row">
        <div class="col-12">
            <div class="card shadow">
                
                <div class="">
                    <div class="grid-margin">
                        <div class="">
                            <div class="table-responsive p-3">
                                <table id="example" class="table card-table table-vcenter text-nowrap  align-items-center">
                                    <thead class="">
                                      <tr>
                                        <th style="width: 80px">S.No</th>
                                        <th>Title</th>
                                        <th>Description</th>
                                        <th>image</th>
                                        <th style="width: 150px"> &nbsp;&nbsp;&nbsp;&nbsp;Action</th>
                                      </tr>
                                    </thead>
                                      <tbody id="tbody">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="add-notification-modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="card-header">
        <h4 style="text-align: left;">Add Notifications <span id="alert"></span></h4>
      </div>
      <form id="add-notification-btn" method="POST" enctype="multipart/form-data">
      <div class="modal-body">
        <div class="row">
          
          <div class="col-md-12">
            <label>Title</label>
            <input type="text" class="form-control" name="notification" id="add-notification" required="required"
              autofocus>
          </div>
          <div class="col-md-12">
            <label>Message</label>
            <textarea type="text" class="form-control" rows="3" name="msg" id="msg" required="required"
              autofocus></textarea>
          </div>
          <div class="col-md-12">
            <label>Image</label>
            <input type="file" class="form-control" name="image" id="image">
          </div>
        </div>
        <br/>
          <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
        <button type="submit" name="submit" id="" class="btn btn-primary">Add Data</button>
      </div>
      </div>
    </form>
    </div>
  </div>
  
</div>


<div class="modal fade" id="edit-notification">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="card-header">
        <h4 style="text-align: left;">Edit notification <span id="alert"></span></h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-12">
            <label>Title</label>
            <input type="text" class="form-control" name="edit-notification-title" id="edit-notification-title" required="required"
              autofocus>
          </div>
        </div>
        <br/>
          <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
        <button type="button" name="save-notification-btn" id="save-notification-btn" class="btn btn-primary">Save Changes</button>
      </div>
      </div>
    </div>
  </div>
  
</div>
<?php
  require_once 'footer.php';
  require_once 'jslinks.php';
?>
<script>
  $(document).ready(function () {
    output();

// Adding a notification in add modal

$('#add-notification-btn').submit(function(e) {
      e.preventDefault();
        $("#global-loader").show();
      $.ajax({
        url: "notifications_ajax.php",
        type: "POST",
        
        data:  new FormData(this),
   contentType: false,
         cache: false,
   processData:false,
        success: function (response) {
            $("#global-loader").fadeOut();   
          if (response) {
            $('#alert').html('<span class="p-1 m-1 alert alert-success">Successfully Added.</span>').show()
            setTimeout(function () {
              $('#alert').hide()
            }, 4000)
            $('#add-notification-name').val('')

}
          output();
          
        }
      })
    })

// To save changes in edit modal

$('#save-notification-btn').click(function () {
        $("#global-loader").show();
      $.ajax({
        url: "notifications_ajax.php",
        type: "POST",
        data: {
          save_id: $('#save-notification-btn').val(),
          save_title: $('#edit-notification-title').val(),
        },
        success: function (response) {
            $("#global-loader").fadeOut();   
          if (response == "Success") {
            $('#alert1').html('<span class="p-1 m-1 alert alert-success">Successfully Updated</span>').show()
            setTimeout(function () {
              $('#alert1').hide()
            }, 4000)
          } else {
            $('#alert1').html('<span class="p-1 m-1 alert alert-danger">Something Wrong, can\'t update.</span>').show()
            setTimeout(function () {
              $('#alert1').hide()
            }, 4000)
          }
          output();
        }
      })
    })
  })

// To show all the notifications in main menu

// Deletion of notifications

//On click of edit button to show values of database in edit modal

</script>