@extends('my.admin.layouts.master')

@section('content')
    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif


    <div class="col-12   ">
        <div class="card radius-10">
            <div class="card-body">
                <div class="row g-3 align-items-center">
                    <div class="col-9">
                        <h5 class="mb-0">Client Feedbacks</h5>
                    </div>

                </div>
            </div>
            <div class="client-message ps ps--active-y">
                @foreach ($feedbacks as $feedback)
                    <div
                        class="d-flex align-items-center gap-3 client-messages-list border-bottom border-top border-radius p-3">
                        <a class="dropdown-item" href="{{ route('feedback.show', $feedback->id) }}">
                            <div class="d-flex align-items-center ">
                                <div class="">
                                    <div class="font-22">
                                        <i class="fadeIn animated bx bx-notification"></i>
                                    </div>
                                    {{-- <div class="font-22"><i class="fadeIn animated bx {{ $feedback->is_read == 1 ? 'bx-comment-dots' : 'bx-comment text-info' }} "></i></div> --}}
                                </div>

                                @if ($feedback->user->profile_picture && Storage::disk('public')->exists($feedback->user->profile_picture))
                                    <img src="{{ asset('storage/' .$feedback->user->profile_picture) }}" 
                                     class="rounded-circle mx-4" width="52" height="52" alt="User's profile picture">
                                @else
                                    <img src="{{ asset('assets/assets/images/profile.png') }}"
                                    class="rounded-circle mx-4" width="52" height="52" alt="Default profile picture">
                                @endif

                             
                                <div class="ms-3 flex-grow-1 ">
                                    <h6 class="mb-0 dropdown-msg-user">{{ $feedback->user->name }} <span
                                            class="msg-time float-end ">{{ \Carbon\Carbon::parse($feedback->created_at)->diffForHumans() }}</span>
                                    </h6>
                                    <small
                                        class="mb-0 dropdown-msg-text  d-flex align-items-center">{{ Str::words($feedback->message, 3, '...') }}</small>
                                </div>
                            </div>
                        </a>
                        <td>
                            <div class="table-actions d-flex align-items-center gap-3 fs-6">


                                {{-- edit --}}
                                {{-- approve --}}
                                <form action="{{ route('feedback.update', $feedback->id) }}" method="POST"
                                    style="display: inline;">
                                    @csrf
                                    @method('PUT')
                                    <input type="hidden" name="display" value="1">
                                    <button type="submit" class="btn   btn-outline-light  "
                                        onclick="return confirm('Are you sure you want to display this feedback on frontend?');">
                                        <div
                                            class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded btn-outline-success">
                                            <div class="font-22"> <i class="fadeIn animated bx bx-check-double"></i>
                                            </div>
                                            <div class="ms-2">Display</div>
                                        </div>
                                    </button>
                                </form>


                                {{-- delete --}}
                                <form action="{{ route('feedback.destroy', $feedback->id) }}" method="POST"
                                    style="display: inline;">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn   btn-outline-light  "
                                        onclick="return confirm('Are you sure you want to delete this feedback?');">
                                        <div
                                            class="d-flex align-items-center font-24 cursor-pointer rounded   btn-outline-danger">
                                            <i class="fadeIn animated bx bx-trash px-2 py-4"></i>
                                        </div>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </div>
                @endforeach

            </div>
        </div>
    </div>
@endsection