@extends('layouts.admin')
@section('title', 'Manajemen Layanan')
@section('breadcrumb', 'Master Data / Layanan')
@section('content')
<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-spa" style="color:var(--sage);margin-right:8px;"></i> Daftar Layanan</h3>
        <a href="{{ route('admin.services.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Tambah Layanan</a>
    </div>
    <div class="table-wrap">
        <table>
            <thead><tr><th>#</th><th>Ikon</th><th>Nama Layanan</th><th>Durasi</th><th>Harga</th><th>Level</th><th>Aksi</th></tr></thead>
            <tbody>
                @foreach($services as $s)
                <tr>
                    <td style="color:var(--text-light);">{{ $loop->iteration }}</td>
                    <td style="font-size:24px;">{{ $s->icon }}</td>
                    <td><strong>{{ $s->name }}</strong></td>
                    <td>⏱ {{ $s->duration }} menit</td>
                    <td style="font-weight:700;color:var(--dark-gold);">Rp {{ number_format($s->price,0,',','.') }}</td>
                    <td>
                        @php $color = ['Regular'=>'badge-info','Senior'=>'badge-warning','Expert'=>'badge-danger'][$s->level] ?? 'badge-gray'; @endphp
                        <span class="badge {{ $color }}">{{ $s->level }}</span>
                    </td>
                    <td>
                        <div style="display:flex;gap:6px;">
                            <a href="{{ route('admin.services.edit', $s) }}" class="btn btn-outline btn-sm"><i class="fas fa-edit"></i> Edit</a>
                            <form method="POST" action="{{ route('admin.services.destroy', $s) }}" onsubmit="return confirm('Hapus layanan {{ $s->name }}?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button>
                            </form>
                        </div>
                    </td>
                </tr>
                @endforeach
                @if($services->isEmpty())
                <tr><td colspan="7" style="text-align:center;padding:60px;opacity:0.4;">Belum ada layanan</td></tr>
                @endif
            </tbody>
        </table>
    </div>
    <div class="pagination-wrap">{{ $services->links() }}</div>
</div>
@endsection