@extends('admin_template')
@section('content')
<main class="main-con">
	<section class="breadcrumb-con">
		<div class="container-fluid">
			<div class="row row-cols-1 row-cols-md-2">
				<div class="col align-self-center">
					<h5>Notifications for: {{ $event['name'] }}</h5>
				</div>
				<div class="col align-self-center">
					<div class="row justify-content-end g-2">
				        <div class="col-auto align-self-center">
							<a href="{{ url('event-halls?event_id='.$event['id'].'&event_key='.$event['unique_key']); }}" class="btn-warning  pt-1 pb-1" title="View Event">Add Notification</a> 
						</div>
						<div class="col-auto align-self-center">
							<a href="{{ url('event-halls?event_id='.$event['id'].'&event_key='.$event['unique_key']); }}" class="btn-reject  pt-1 pb-1" title="View Event">View All</a> 
						</div>
						@if($session['role'] == 2 || $session['role'] == 1) 
						<div class="col-auto align-self-center">
							<a href="{{ url('audience-event-list').'?event_id='.$_GET['event_id'].'&event_key='.$_GET['event_key'] }}" class="btn-info pt-1 pb-1" title="Add Checkpoint">Audience</a>
						</div>
				        @endif
					</div>
				</div>
			</div>
			<div class="row">
				 <div class="col-lg-12">
					{{ status_error(); }}
				</div>	
			</div>	
		</div>	
	</section>
	<section>
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<form action="{{ url('notification_submit') }}" method="POST" class="form row g-3">
						@csrf
						<input type="hidden" name="event_id" value="">
						<input type="hidden" name="event_key" value="">
						  <div class="col-md-6">
						    <label for="inputEmail4" class="form-label">Notification Type</label>
						    <select name="type" class="form-control">
						    	<option value="">Select Type...</option>
						    							    </select>
						  </div>
						  <div class="col-md-6">
						    <label for="notification_heading" class="form-label">Notification Heading</label>
						    <input type="text" class="form-control" id="notification_heading" name="notification_heading" value="">
						  </div>
						  <div class="col-12">
						    <label for="notification_text" class="form-label">Notification Text</label>
						    <textarea name="notification_text" class="form-control" id="notification_text"></textarea>
						  </div>
						  <div class="col-12">
						    <button type="submit" class="btn btn-primary">Submit Notification</button>
						  </div>
					</form>
				</div>
			</div>
		</div>
	</section>
	<section class="mt-5">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h5>Notification List</h5>
					<br>
				</div>
							</div>
		</div>
	</section>
	<div class="toast-container" id="toastdiv" style="top:55px;right:15px;position: fixed;">
		<!-- <div class="toast show" role="alert" aria-live="assertive" aria-atomic="true">
		  <div class="toast-header">
			<strong class="me-auto">Notification</strong>
			<small>11 mins ago</small>
			<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
		  </div>
		  <div class="toast-body">
			Hello, world! This is a toast message.
		  </div>
		</div> -->
	</div>
</main>
<script type="text/javascript">
	function ShowToast(notid)
	{
		var objnotify = '';
		var allnotify = JSON.parse(objnotify);
		var toshownotify = allnotify[notid];
		var tag = '<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" id="toast-'+notid+'"><div class="toast-header"><strong class="me-auto">'+toshownotify.notification_heading+'</strong><small></small><button type="button" onclick="CloseToast('+notid+')" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button></div><div class="toast-body">'+toshownotify.notification_text+'</div></div>';
		$('#toastdiv').prepend(tag);
	}

	$(document).ready(function(){
		setInterval(function(){
			$('#toastdiv').children().last().remove();	
		}, 5000);
	});

	function CloseToast(notid)
	{
		$('#toastdiv').remove('#toast-'+notid);	
	}

	function publishToApp(notid)
	{
		 $.ajax({
            type: 'POST',
            url:"{{ url('publish_notifcation') }}",
            data:{ _token:'