@extends('layouts.admin.app')

@section('title','Data Bidan')

@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>Data Bidan</h4>
    <a href="/admin/midwives/create" class="btn btn-primary">
        + Tambah Bidan
    </a>
</div>

<table id="datatable" class="table table-bordered table-hover">
    <thead class="table-light">
        <tr>
            <th>Nama</th>
            <th>No. HP</th>
            <th>Email</th>
            <th>Pengalaman</th>
            <th width="160">Aksi</th>
        </tr>
    </thead>
    <tbody>
        @foreach($midwives as $midwife)
        <tr>
            <td>{{ $midwife->name }}</td>
            <td>{{ $midwife->phone ?? '-' }}</td>
            <td>{{ $midwife->email ?? '-' }}</td>
            <td>{{ $midwife->experience_year ?? 0 }} Tahun</td>
            <td>
                <a href="/admin/midwives/{{ $midwife->id }}/edit"
                   class="btn btn-sm btn-warning">
                   Edit
                </a>

                <form method="POST"
                      action="/admin/midwives/{{ $midwife->id }}"
                      class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button onclick="return confirm('Hapus data bidan ini?')"
                            class="btn btn-sm btn-danger">
                        Hapus
                    </button>
                </form>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
@endsection