@extends('layouts.mainlayout')
@section('title', 'Notification')
@section('main')
<!-- Single item selection -->
<div class="card">
    <div class="card-header header-elements-inline">
        <h5 class="card-title icon-vcard font-weight-bold"> Notifications</h5>
        <a href="{{ route('notification.create')}}"><button class="icon-plus2 btn btn-success">Add Notifcaton List</button></a>
    </div>
        <table class="table datatable-select-single">
        <thead>
            <tr>
                <th>Notification List</th>
                <th class="no-sort">Action</th>
            </tr>
        </thead>
        <tbody> 
            @foreach($notifications as $notification) 
                <tr>
                    <td>{{$notification->notification}}</td> 
                    
                    <td><div class="row"><a href="{{ route('notification.edit',$notification->id) }}"><button class="icon-pencil7" style="color:#3699FF !important;"></button></a>  
                   
                        <form method="Post" action="{{route('notification.destroy',$notification->id)}}" onsubmit="return confirmDelete();">
                            @method('DELETE')
                            @csrf
                            &nbsp; &nbsp;<button type="submit" class="icon-bin" style="color:#dc3545 !important;"></button>
                                 
                        </form>  </div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
<!-- /Single item selection -->
<script>
function confirmDelete() {
    var r = confirm("Are you sure that you want to delete this?");
    if (r == false) {
        return false;
    } else {
        return true;
    }
}

// function showDeletedSuccessfullyMessage() {
//     var notice = new PNotify({
//         title: 'Message',
//         text: 'Deleted successfully!',
//         hide: true,
//         type: 'success',
//     });

//     setTimeout(function() {
//         notice.close(); // Close the notification after 1500ms
//     }, 1500);
// }
</script>
@endsection