@extends('layouts.admin.app')

@section('title','Pasien')

@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>Data Pasien</h4>
    <a href="{{ route('patients.create') }}" class="btn btn-primary">
        + Tambah Pasien
    </a>
</div>

<table id="datatable" class="table table-bordered table-hover">
    <thead class="table-light">
        <tr>
            <th>Nama</th>
            <th>Telepon</th>
            <th>Email</th>
            <th width="250">Aksi</th>
        </tr>
    </thead>
    <tbody>
        @foreach($patients as $p)
        <tr>
            <td>{{ $p->name }}</td>
            <td>{{ $p->phone }}</td>
            <td>{{ $p->email ?? '-' }}</td>
            <td>
                <a href="{{ route('patients.show',$p) }}" class="btn btn-sm btn-info">
                    Lihat
                </a>

                <a href="{{ route('patients.edit',$p) }}" class="btn btn-sm btn-warning">
                    Edit
                </a>

                <a href="{{ route('patients.card', $p->id) }}"
                   class="btn btn-sm btn-secondary"
                   target="_blank">
                    Kartu Pasien
                </a>

                <form action="{{ route('patients.destroy',$p) }}" method="POST" class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button onclick="return confirm('Hapus data pasien ini?')"
                            class="btn btn-sm btn-danger">
                        Hapus
                    </button>
                </form>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
@endsection