@extends('layouts.app')
@section('title','Correspondence')
@section('page-title','Correspondence Log')
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
  <h5 class="mb-0"><i class="bi bi-envelope me-2"></i>Correspondence</h5>
  <a href="{{ route('correspondence.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>Log Correspondence</a>
</div>
<div class="card stat-card mb-3 p-2"><form class="row g-2" method="GET">
  <div class="col-md-2"><select name="direction" class="form-select form-select-sm"><option value="">All</option><option {{ request('direction')==='incoming'?'selected':'' }} value="incoming">Incoming</option><option {{ request('direction')==='outgoing'?'selected':'' }} value="outgoing">Outgoing</option></select></div>
  <div class="col-md-2"><button class="btn btn-primary btn-sm">Filter</button></div>
</form></div>
<div class="card stat-card"><div class="table-responsive"><table class="table table-hover mb-0">
  <thead><tr><th>Ref</th><th>Date</th><th>Direction</th><th>Subject</th><th>From/To</th><th>Status</th></tr></thead>
  <tbody>
    @forelse($correspondence as $c)
    <tr>
      <td class="small fw-semibold">{{ $c->ref_number }}</td>
      <td class="small">{{ $c->date->format('d/m/Y') }}</td>
      <td><span class="badge bg-{{ $c->direction==='incoming'?'info':'primary' }}">{{ $c->direction }}</span></td>
      <td class="small">{{ Str::limit($c->subject,40) }}</td>
      <td class="small">{{ $c->from_to }}</td>
      <td><span class="badge bg-secondary">{{ $c->status }}</span></td>
    </tr>
    @empty<tr><td colspan="6" class="text-center py-4 text-muted">No correspondence.</td></tr>
    @endforelse
  </tbody>
</table></div><div class="card-footer bg-white">{{ $correspondence->links() }}</div></div>
@endsection