@extends('layouts.app')

@section('content')
<div class="card shadow-sm border-0">
  <div class="card-body">
      <div class="d-flex justify-content-between align-items-center mb-3">
      <!-- Left: Heading -->
      <h3 class="mb-0 fw-bold text-primary">Patients</h3>

      <!-- Right: Button + Search Form -->
      <div class="d-flex">
        <!-- Create New Button -->
        <a href="{{ route('dashboard') }}" class="btn btn-outline-primary me-2">Back to dahboard</a>

        <a href="{{ route('patients.create') }}" class="btn btn-outline-primary me-2">Create New</a>

        <!-- Search Form -->
        <form class="d-flex" action="{{ route('patients.index') }}" method="GET">
          <input 
            name="q" 
            value="{{ $q ?? '' }}" 
            class="form-control me-2" 
            placeholder="Search by name or CNIC"
          >
          <button type="submit" class="btn btn-outline-primary">Search</button>
        </form>
      </div>
    </div>
    <div class="table-responsive">
      <table class="table table-hover align-middle">
        <thead class="table-light">
          <tr>
            <th>#</th>
            <th>Name</th>
            <th>Age</th>
            <th>Department</th>
            <th>Contact</th>
            <th>Last Visit</th>
            <th class="text-end">Actions</th>
          </tr>
        </thead>
        <tbody>
          @forelse($patients as $p)
            <tr>
              <td>{{ $p->id }}</td>
              <td>
                <a href="{{ route('patients.show', $p) }}" class="fw-semibold text-decoration-none text-dark">
                  {{ $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 class="text-end">
                <a class="btn btn-sm btn-outline-primary me-1" href="{{ route('patients.edit', $p) }}">
                  Edit
                </a>
                <form class="d-inline" method="POST" action="{{ route('patients.destroy', $p) }}" onsubmit="return confirm('Delete this patient?')">
                  @csrf 
                  @method('DELETE')
                  <button class="btn btn-sm btn-outline-danger">Delete</button>
                </form>
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="7" class="text-center text-muted py-4">No patients found.</td>
            </tr>
          @endforelse
        </tbody>
      </table>
    </div>

    <div class="mt-3">
      {{ $patients->withQueryString()->links() }}
    </div>
  </div>
</div>
@endsection