@extends('layouts.admin.app')

@section('title','Layanan')

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

<table id="datatable" class="table table-bordered table-hover">
    <thead class="table-light">
        <tr>
            <th>Nama Layanan</th>
            <th>Harga</th>
            <th width="160">Aksi</th>
        </tr>
    </thead>
    <tbody>
        @forelse($services as $service)
        <tr>
            <td>{{ $service->name }}</td>
            <td>Rp {{ number_format($service->price,0,',','.') }}</td>
            <td>
                <a href="{{ route('services.edit', $service->id) }}"
                   class="btn btn-sm btn-warning">
                   Edit
                </a>

                <form method="POST"
                      action="{{ route('services.destroy', $service->id) }}"
                      class="d-inline"
                      onsubmit="return confirm('Hapus layanan ini?')">
                    @csrf
                    @method('DELETE')
                    <button class="btn btn-sm btn-danger">
                        Hapus
                    </button>
                </form>
            </td>
        </tr>
        @empty
        <tr>
            <td colspan="3" class="text-center text-muted py-3">
                Belum ada data layanan
            </td>
        </tr>
        @endforelse
    </tbody>
</table>
@endsection