@extends('layouts.admin')
@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between bg-galaxy-transparent">
            <h4 class="mb-sm-0">Contact Queries</h4>
            <ol class="breadcrumb m-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                <li class="breadcrumb-item active">Contact Queries</li>
            </ol>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header border-0">
        <h5 class="card-title mb-0">Contact Queries Table</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table id="ContactQueriesTable" class="table table-bordered nowrap align-middle" style="width:100%;">
                <thead class="text-uppercase">
                    <tr>
                        <th>Sl No</th>
                        <th>User</th>
                        <th>Subject</th>
                        <th>Message</th>
                        <th>Date</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($queries as $query)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $query->user->name ?? 'Guest' }}</td>
                        <td>{{ $query->subject }}</td>
                        <td>{{ Str::limit($query->message, 40) }}</td>
                        <td>{{ $query->created_at->format('Y-m-d H:i') }}</td>
                        <td class="text-center">
                            <a href="{{ route('admin.contact-queries.view', $query->id) }}" class="btn btn-sm btn-primary">View</a>
                            <button class="btn btn-sm btn-danger delete-btn" data-url="{{ route('admin.contact-queries.delete', $query->id) }}">Delete</button>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@section('script')
<script>

@endsection