@extends('layouts.admin')
@section('title', 'Manajemen Teman')
@section('breadcrumb', 'Master Data / Terapis')
@section('content')

<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-user-friends" style="color:var(--sage);margin-right:8px;"></i> Daftar Terapis</h3>
        <a href="{{ route('admin.therapists.create') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> Tambah Terapis
        </a>
    </div>
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th width="50">#</th>
                    <th>Foto</th>
                    <th>Nama</th>
                    <th>Spesialisasi</th>
                    <th>Status</th>
                    <th>Sesi Hari Ini</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @foreach($therapists as $t)
                <tr>
                    <td style="color:var(--text-light);">{{ $loop->iteration }}</td>
                    <td>
                        <img src="https://i.pravatar.cc/60?img={{ $t->image_id }}"
                             style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--beige);">
                    </td>
                    <td><strong>{{ $t->name }}</strong></td>
                    <td><span class="badge badge-info">{{ $t->skill }}</span></td>
                    <td>
                        @if($t->status === 'available')
                            <span class="badge badge-success">✓ Tersedia</span>
                        @elseif($t->status === 'busy')
                            <span class="badge badge-warning">⏳ Sibuk</span>
                        @else
                            <span class="badge badge-danger">✗ Off</span>
                        @endif
                    </td>
                    <td style="font-weight:700;">{{ $t->sessions_today }} sesi</td>
                    <td>
                        <div style="display:flex;gap:6px;">
                            <a href="{{ route('admin.therapists.edit', $t) }}" class="btn btn-outline btn-sm">
                                <i class="fas fa-edit"></i> Edit
                            </a>
                            <form method="POST" action="{{ route('admin.therapists.destroy', $t) }}"
                                  onsubmit="return confirm('Hapus terapis {{ $t->name }}?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button>
                            </form>
                        </div>
                    </td>
                </tr>
                @endforeach
                @if($therapists->isEmpty())
                <tr><td colspan="7" style="text-align:center;padding:60px;opacity:0.4;">
                    <i class="fas fa-user-slash" style="font-size:40px;margin-bottom:10px;display:block;"></i>
                    Belum ada data terapis
                </td></tr>
                @endif
            </tbody>
        </table>
    </div>
    <div class="pagination-wrap">{{ $therapists->links() }}</div>
</div>
@endsection