@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
  <div class="col-sm-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <strong>Notification</strong>

        @if (\App\Models\Permission::checkLinkPermission('NotificationController', 'Notification', 'create'))
          <a href="{{ url('!/Notification/create') }}" class="pull-right btn btn-primary btn-xs" title="Send Notification">
            <i class="fa fa-plus-circle"> Create New</i>
          </a>
        @endif
      </div>

      <div class="panel-body">
        @include ('Layouts.FormValidationErrors')
        @include ('Layouts.ErrorSuccessAndWarninMessages')

        <form class="form-horizontal" role="form" id='notification_view_form' onsubmit="return false;">
          @csrf

          <div class="form-group form-group-sm">
            @include (
              'includes.branch_shift_version_names',
              ['branchVersionString' => $branchVersionString, 'fieldColWidth' => 11, 'required' => true]
            )
          </div>
          <div class="form-group form-group-sm">
            <div class="col-sm-12">
              <button type="button" id='students_view_submit' class="btn btn-primary btn-sm btn-block">
                <i class="fa fa-search" aria-hidden="true"></i> Search
              </button>
            </div>
          </div>
        </form>
      </div>
      <div id="notification_view_table"></div>
    </div>
  </div>
</div>

<script>
$(function () {
  $(document).on('click', '#students_view_submit', function () {
    $.ajax({
      url: baseURL + '/!/Notification/view',
      type: 'POST',
      data: $('#notification_view_form').serialize(),
      success: function (response) {
        $('#notification_view_table').html(response);
      }
    });
  });
});
</script>

@endsection