@extends('layouts.app')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-3">
    <h5 class="mb-0" style="font-weight:600;">
        <i class="fas fa-envelope me-2" style="color:var(--admin-primary)"></i>
        Enquiries
    </h5>
</div>

<div class="admin-card">
    <div class="admin-card-body p-0">

        @if($contacts->count())

        <table class="admin-table">
            <thead>
                <tr>
                    <th width="60">#</th>
                    <th>Name</th>
                    <th>Email</th>
                   <!-- <th>Package</th>-->
                    <th>Page</th>
                    <th>Subject</th>
                    <th>Message</th>
                    <th class="text-end">Date</th>
                </tr>
            </thead>

            <tbody>
                @foreach($contacts as $contact)

                <tr>

                    <td>{{ $loop->iteration }}</td>

                    <td>
                        <strong>{{ $contact->name }}</strong>
                    </td>

                    <td>
                        <a href="mailto:{{ $contact->email }}">
                            {{ $contact->email }}
                        </a>
                    </td>

                    <!-- <td>
                        @if($contact->package_id)
                            <span class="badge bg-primary">
                                #{{ $contact->package_id }}
                            </span>
                        @else
                            <span class="text-muted">-</span>
                        @endif
                    </td>-->

                    <td>
                        {{ $contact->page_name ?? '-' }}
                    </td>

                    <td>
                        {{ $contact->subject }}
                    </td>

                    <td style="max-width:350px;">
                        {!! nl2br(e(\Illuminate\Support\Str::limit($contact->message,150))) !!}
                    </td>

                    <td class="text-end">
                        {{ $contact->created_at?->format('d M Y') }}
                        <br>
                        <small class="text-muted">
                            {{ $contact->created_at?->format('h:i A') }}
                        </small>
                    </td>

                </tr>

                @endforeach
            </tbody>

        </table>

        @else

        <div class="admin-empty py-5 text-center">

            <i class="fas fa-envelope-open-text fa-3x mb-3 text-muted"></i>

            <h5>No Enquiries Found</h5>

            <p class="text-muted mb-0">
                Contact enquiries will appear here.
            </p>

        </div>

        @endif

    </div>
</div>

@endsection