@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">Messages Table</h4>
		          <table class="table table-hover">
		            <thead>
		              <tr>
		                <th>ID</th>
		                <th>Name</th>
		                <th>Email</th>          
		                <th>Actions</th>
		              </tr>
		            </thead>
		            <tbody>
		            	@foreach($contacts as $contact)
			              <tr>
			                <td>{{$contact->id}}</td>
			                <td>{{$contact->name}}</td>
			                <td>{{$contact->email}}</td>
			                <td>
			                	<a href="{{route('contacts.approve',['id'=>$contact->id])}}" id="{{$contact->id}}" class="btn btn-primary view" data-toggle="modal" data-target="#exampleModal">
								  <i class="fa fa-eye"></i>
								</a>

                  				<a href="javascript:void(0)"  class="trigger-btn btn btn-danger delete"
                      			id="{{$contact->id}}" data-toggle="modal" url="{{url('/')}}" page="contacts"><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>
						<!-- Message Modaaaal -->
						
						<!-- End Modal --> 
			            @endforeach

		            </tbody>
		          </table>
		        </div>
		      </div>
		    </div>
		</div>
	</div>
	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
						  <div class="modal-dialog" role="document">
						    <div class="modal-content">
						      <div class="modal-header">
						        <h5 class="modal-title" id="exampleModalLabel"> Message From {{$contact->name}}</h5>
						        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
						          <span aria-hidden="true">&times;</span>
						        </button>
						      </div>
						      <div class="modal-body text">
						        {!! $contact->message !!}
						      </div>
						      <div class="modal-footer">
						        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
						      </div>
						    </div>
						  </div>
						</div>
</div>
@endsection