@extends('Templates.master')

{{-- Commonlinks --}}

@push('css-plugins')
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	@include('Templates.UI.Admin.CDN.links')
@endpush

{{-- Navbar --}}

@section('nav')
	@include('Templates.UI.Admin.Nav.nav-header',['name' => $name,'id' => $id])
@endsection

{{-- Body --}}

@section('body')
    <!-- Page wrapper  -->
    <div class="page-wrapper">
        <!-- Container fluid  -->
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <div class="card-title">
                        <h3>User Feedback List</h3>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered">
                            <div class="row mb-3 mt-3">
                                <div class="col-md-6">
                                    <span>Total Feedbacks:</span>
                                    <span id="total_records"></span>
                                </div>
                                <div class="col-md-6">
                                    <label for="Search">Search</label>
                                    <input type="search" name="{{ $search }}" class="form-control form-control-md" dusk="search-input-dusk" id="{{ $search }}" value="">
                                </div>
                            </div>
                            <thead>
                                <tr>
                                    <td>#</td>
                                    <td>User Id</td>
                                    <td>User Name</td>
                                    <td>Email</td>
                                    <td>Feedback</td>
                                    <td>Rating</td>
                                    <td>Action</td>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($feedbacks as $feedback)
                                    <tr>
                                        <td>{{ $feedback->id }}</td>
                                        <td>{{ $feedback->user_id }}</td>
                                        <td>{{ $feedback->name }}</td>
                                        <td>{{ $feedback->email }}</td>
                                        <td>{{ $feedback->feedback }}</td>
                                        <td>{{ $feedback->rating }}</td>
                                        <td>
                                            <div class="dropdown" title="Click to See Items">
                                                <a href="#" data-bs-toggle="dropdown" aria-expanded="false" dusk="action-dusk">
                                                    <i class="mdi mdi-dots-vertical fs-4"></i>
                                                </a>
                                                <div class="dropdown-menu dropdown-menu-end">
                                                    <a href="{{ route('edit-user-feedback',$feedback->id) }}" title="Edit Feedback" class="dropdown-item">
                                                        <i class="fas fa-pencil-alt"></i>
                                                        Edit User Feedback
                                                    </a>
                                                    <form action="{{ route('delete-user-feedback',$feedback->id) }}" title="Delete Feedback" method="POST" class="dropdown-item">
                                                        @method('DELETE')
                                                        {{ csrf_field() }}
                                                        <div class="form-group">
                                                            <button class="btn btn-outline-danger" dusk="delete-feedback-dusk">
                                                                <i class="fas fa-trash-alt"></i>
                                                                Delete Feedback
                                                            </button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @include('Templates.UI.Admin.Footer.footer-content',['feedbacks' => $feedbacks])
                </div>
            </div>
        </div>
    </div>
@endsection

{{-- CommonScripts --}}

@push('js-scripts')
    @include('Modules.DataCollection.Admin.admin-feedback-ajax')
	@include('Templates.UI.Admin.CDN.scripts')
@endpush