@extends('layouts.admin')
@section('content')
    <x-admin.page-hero
            title="Customer Feedback"
            displayButton="yes"
            buttonContent="Create Feedback"
            buttonLink="{{ route('admin.customer-feedback.create') }}"
    />

    <section class="pageMain div container">
        <div class="row">
            <div class="col-12">
                <table class="table w-100">
                    <thead>
                    <tr>
                        <th>Title</th>
                        <th>Content</th>
                        <th>Date</th>
                        <th>Status</th>
                        <th class="actions">Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($feedbacks as $feedback)
                        <tr>
                            <td>{{ $feedback->title }}</td>
                            <td>{{ Str::limit($feedback->content, 100) }}</td>
                            <td>@if($feedback->date != NULL) {{ date('d/m/Y', strtotime($feedback->date)) }} @else -- @endif</td>
                            <td>{{ $feedback->approved }}</td>
                            <td class="actions">
                                <div class="btn-group">
                                    <a href="{{ route('admin.customer-feedback.edit', $feedback->id) }}" class="edit-btn"><i class="fas fa-edit"></i></a>
                                    <form action="{{ route('admin.customer-feedback.destroy', $feedback->id) }}" method="post">
                                        @csrf
                                        @method('delete')
                                        <button type="submit" class="delete-btn"><i class="fas fa-trash"></i></button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </section>
@endsection