@extends('layouts.new_dashboard')

@section('content')

<div class="main-panel">
	<div class="content-wrapper">
		<div class="row">
		          
		    <div class="col-lg-12 grid-margin stretch-card">
		      <div class="card">
		        <div class="card-body">
		          <h4 class="card-title">Events Table</h4>
		          <table class="table table-hover">
		            <thead>
		              <tr>
		                <th>ID</th>
		                <th>title</th>
		                <th>Image</th>          
		                <th>Actions</th>
		              </tr>
		            </thead>
		            <tbody>
		            	@foreach($events as $event)
			              <tr>
			                <td>{{$event->id}}</td>
			                <td>{{$event->title}}</td>
			                <td>
			                	<img src="{{asset($event->image)}}" class="img-thumbnail" width="50px">
			                </td>
			                <td>
			                	<a href="{{route('events.edit',['id'=>$event->id])}}" class="btn btn-success edit"
                       			 title="Edit"><i class="fas fa-edit"></i></a> 
                  				<a href="javascript:void(0)"  class="trigger-btn btn btn-danger delete"
                      			id="{{$event->id}}" data-toggle="modal" url="{{url('/')}}" page="events"><i class="fas fa-trash"></i></a>  
			                </td>
			              </tr>

			              <div id="myModal" class="modal fade">
							<div class="modal-dialog modal-confirm">
								<div class="modal-content">
									<div class="modal-header">
										<div class="icon-box">
											<i class="fas fa-trash"></i>
										</div>		
											
						                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									</div>
									<h4 class="modal-title">Are you sure?</h4>
									<!-- <div class="modal-body">
										<p>Do you really want to delete these records? This process cannot be undone.</p>
									</div>
 -->
									<form  id="form"  action="" method="GET">
				                        {{csrf_field()}}
				                        {{method_field('DELETE')}}
				                        <div class="modal-body">
				                            <p id="msg"></p>
				                        </div>
				                        <div class="modal-footer">
				                            <button type="button" class="btn btn-info" data-dismiss="modal">Cancel</button>
				                            <button type="submit" class="btn btn-danger">Delete</button>
				                        </div>
				                    </form>
								</div>
							</div>
						</div>     
			            @endforeach
		            </tbody>
		          </table>
		        </div>
		      </div>
		    </div>
		</div>
	</div>
</div>
@endsection