@extends('layouts.admin')
@section('title', 'View Feedback')
@section('content')

<div class="dashboard-content bg-light p-4 mt-5">
    <div class="content-card rounded-2 bg-white p-4 mt-lg-4 mt-md-4 mt-1">
        <div class="row rounded-4 align-items-center mx-2 mt-lg-4 mt-md-0 mt-0 px-2 py-4 view-student-details-row">  
            

            <!-- <div class="row mt-4"> -->
                <!-- <div class="table-responsive view-role-table view-student-table border-0 p-0">
                    <table class="table border-0 mb-0">
                        <tbody>
                            <tr>
                                <th class="py-1">Name:</th>
                                <td class="py-1">{{ $feedback->user->name ?? '-' }}</td>
                            </tr>

                            <tr>
                                <th class="py-1">Feedback Option:</th>
                                <td class="py-1">{{ !empty($optionNames) ? implode(', ', $optionNames) : '-' }}</td>
                            </tr>

                            <tr>
                                <th class="py-1">Rating:</th>
                                <td class="py-1">{{ $feedback->rating ?? '-' }}</td>
                            </tr>

                            <tr>
                                <th class="py-1">Message</th>
                                <td class="py-1">{{ $feedback->message ?? '-' }}</td>
                            </tr>
    
                        </tbody>
                    </table>
                </div> -->

                <div class="col-md-12 view-feedbackDiv">
                    <div class="row">
                        <div class="col-md-6">
                            <label for="name" class="form-label">Name:</label>
                            <input type="text" class="form-control rounded-pill" id="f-name" value="{{ $feedback->user->name ?? '-' }}"name="name" readonly>    
                          
                        </div>
                        
                        <div class="col-md-6 mt-lg-0 mt-md-0 mt-4">
                            <label for="option" class="form-label">Feedback Option:</label>
                            <input type="text" class="form-control rounded-pill" id="email" value="{{ !empty($optionNames) ? implode(', ', $optionNames) : '-' }}" name="feedback option" readonly>
                           
                        </div>

                    </div>

                    <div class="row mt-4">
                        <div class="col-md-6">
                            <label for="#" class="form-label">Rating:</label>
                            <input type="text" class="form-control rounded-pill" id="f-name" value="{{ $feedback->rating ?? '-' }}" name="rating" readonly>         
                        </div>

                        <div class="col-md-6 mt-lg-0 mt-md-0 mt-4">
                            <label for="email" class="form-label">Message:</label>
                            <textarea class="form-control rounded-pill" name="description" readonly rows="6">{{ $feedback->message ?? ' ' }}</textarea>
                        </div>

                    </div>              
                </div>
            <!-- </div> -->
          
        </div>
    </div>
</div>


@endsection