@extends('layouts.admin')



@section('content')


<H1 style="margin-top: 40px;">Feedbacks</H1>

 









<table class="table table  table-striped table-sm">
    <thead>
      <tr>
        <th>No</th>
        <th width="16%">Photo</th>
        <th width="10%">Name</th>
        <th width="10%">Phone</th>
        <th width="10%">Email</th>
        <th>Subject</th>
        <th width="30%">Message</th>
        <th width="15%">Action</th>
      </tr>
    </thead>

    <tbody>
            @foreach($feedbacks as $feedback)
      <tr>
        <td>{{$feedback->id}})</td>
        <td><img style="height: 40px;" src="images/img11.png"></td>
         <td>{{$feedback->first_name}}</td>
        <td>{{$feedback->phone}}</td>
        <td>{{$feedback->email}}</td>
        <td>{{$feedback->subject}}</td>
        <td>{{$feedback->message}}</td>
       
       
        <td>
            
           <form action="{{ route('feedback.destroy',$feedback->id) }}" method="POST">

                  

                    @csrf
                    @method('DELETE')

                    <button type="submit" class="btn btn-danger">Delete</button>
                </form>
            </a>
            

        </td>
      </tr>
      @endforeach
     
            

        </td>
      </tr>
    </tbody>


    
  </table>
   
  <div class="col-md-2"></div>   
{!! $feedbacks->links() !!}


@endsection

<style>
    .box{
        height: auto;
        width: 300px;
        float: right;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 20px;
        font-family: "Comic Sans MS", cursive, sans-serif;
        box-shadow: 0px 5px 25px 0px gray;
        border-radius: 5px;
        background-color: white;
        color:black;
    }

</style>