@extends('layouts.app')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h3>Patients</h3>
  <form class="d-flex" action="{{ route('patients.index') }}" method="GET">
    <input name="q" value="{{ $q ?? '' }}" class="form-control me-2" placeholder="Search name or CNIC">
    <button class="btn btn-outline-secondary">Search</button>
  </form>
</div>

<table class="table table-striped">
  <thead>
    <tr><th>#</th><th>Name</th><th>Age</th><th>Department</th><th>Contact</th><th>Last Visit</th><th></th></tr>
  </thead>
  <tbody>
    @forelse($patients as $p)
      <tr>
        <td>{{ $p->id }}</td>
        <td><a href="{{ route('patients.show', $p) }}">{{ $p->name }}</a></td>
        <td>{{ $p->age }}</td>
        <td>{{ $p->department }}</td>
        <td>{{ $p->contact }}</td>
        <td>{{ optional($p->visits()->latest()->first())->visit_date ?? '-' }}</td>
        <td>
          <a class="btn btn-sm btn-primary" href="{{ route('patients.edit', $p) }}">Edit</a>
          <form class="d-inline" method="POST" action="{{ route('patients.destroy', $p) }}" onsubmit="return confirm('Delete?')">
            @csrf @method('DELETE')
            <button class="btn btn-sm btn-danger">Delete</button>
          </form>
        </td>
      </tr>
    @empty
      <tr><td colspan="7">No patients yet.</td></tr>
    @endforelse
  </tbody>
</table>

{{ $patients->withQueryString()->links() }}
@endsection