@extends('layouts.admin')

@section('title', 'Corporate Inquiries')
@section('page-title', 'Corporate Inquiries & Contact Messages')

@section('content')
<div class="admin-card">
  <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem;">
    <div>
      <h3 style="font-size: 1.25rem; margin: 0;">Inquiry Inbox</h3>
      <p style="font-size: 0.85rem; color: var(--text-muted); margin: 0;">Inbound client mandates and business requests received via website contact form.</p>
    </div>
    <a href="{{ route('admin.messages.export') }}" class="btn btn-outline btn-sm">
      <i class="fas fa-file-csv"></i> Export to CSV
    </a>
  </div>

  <div class="table-responsive">
    <table class="admin-table">
      <thead>
        <tr>
          <th>Sender</th>
          <th>Company</th>
          <th>Service Interest</th>
          <th>Preview</th>
          <th>Status</th>
          <th>Date</th>
          <th>Actions</th>
        </tr>
      </thead>
      <tbody>
        @forelse($messages as $msg)
          <tr style="{{ !$msg->is_read ? 'font-weight: 600; background: rgba(0, 102, 255, 0.02);' : '' }}">
            <td>
              <span>{{ $msg->name }}</span><br>
              <span style="font-size: 0.8rem; color: var(--text-muted); font-weight: normal;">{{ $msg->email }}</span>
            </td>
            <td>{{ $msg->company ?: '—' }}</td>
            <td><span class="badge badge-primary" style="font-size: 0.75rem;">{{ ucfirst($msg->service ?: 'General') }}</span></td>
            <td><span style="color: var(--text-muted); font-size: 0.85rem;">{{ Str::limit($msg->message, 50) }}</span></td>
            <td>
              @if(!$msg->is_read)
                <span class="badge badge-danger">Unread</span>
              @else
                <span class="badge" style="background: var(--border-light); color: var(--text-muted);">Read</span>
              @endif
            </td>
            <td><span style="font-size: 0.8rem; color: var(--text-light);">{{ $msg->created_at->format('M d, Y') }}</span></td>
            <td>
              <a href="{{ route('admin.messages.show', $msg->id) }}" class="btn btn-outline btn-sm" style="padding: 0.25rem 0.5rem; font-size: 0.8rem;">
                <i class="fas fa-eye"></i> View
              </a>
            </td>
          </tr>
        @empty
          <tr>
            <td colspan="7" style="text-align: center; color: var(--text-muted); padding: 2.5rem;">No corporate messages received.</td>
          </tr>
        @endforelse
      </tbody>
    </table>
  </div>

  <div style="margin-top: 1.5rem;">
    {{ $messages->links() }}
  </div>
</div>
@endsection