@extends('admin.layouts.app')
{{-- @push('style')
    <link rel="stylesheet" href="//cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
@endpush --}}
{{-- @section('pagetitlesection')
    <li class="nav-item d-none d-sm-inline-block">
        <a href="" class="nav-link custom-cumb">{{ __('HELP AND SUPPORT') }}</a>
    </li>
@endsection --}}
@section('content')
    <div class="app-main__outer">
        <div class="app-main__inner card">
            <!-- dashboard auction -->
            <div class="dashboard-auction">
                <div class="row">
                    <div class="col-12">
                        <div class="auction-table">
                            <div class="auction-tablehead">
                                <div class="row">
                                    <div class="col-md-4">
                                        <h3>HELP AND SUPPORT</h3>
                                    </div>
                                    <div class="col-md-6">

                                    </div>
                                    <div class="col-md-2">
                                        <!-- <a href="{{ route('admin.faq.add') }}" class="btn btn-primary">Add
                                            Faq</a> -->
                                    </div>
                                </div>

                                <div class="aircraft_table">
                                    <table id="example"
                                        class="stripe row-border order-column datatable_auction custom-data-table"
                                        style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>Name</th>
                                                <th>Role</th>
                                                <th>Topic</th>
                                                <th>Query</th>
                                                <th>Reply</th>
                                                <th>Created On</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($helpAndSupport as $data)
                                                <tr>
                                                    <td>{{ $data->user?->full_name }}</td>
                                                    <td>{{ $data->user?->roles?->first()?->name }}</td>
                                                    <td>{{ $data->topic?->name }}</td>
                                                    <td>{{ $data->query }}</td>
                                                    <td>{{ $data->helpReply?->reply?$data->helpReply?->reply:'---' }}</td>
                                                    <td>{{ date('d-m-Y', strtotime($data->created_at)) }}</td>
                                                    <td>
                                                        <a href="{{ route('admin.help-support.reply', $data->uuid) }}"
                                                            class="badge bg-primary"><i class="fa-solid fa-reply"></i></a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>


    </div>
@endsection
@push('scripts')
   {{--  <script>
        $(document).ready(function() {
            $("#addbranch-btn").click(function() {
                $("#slide-from-right").addClass("show-side-form");
            });

            $("#close-btn").click(function() {
                $("#slide-from-right").removeClass("show-side-form");
            });
        });
    </script> --}}
@endpush