@extends('layouts.admin')
@section('title','Services')
@section('page-title','Services')
@section('content')
<div class="page-header">
    <h1>Services</h1>
    <a href="{{ route('admin.services.create') }}" class="btn btn-primary">+ Add Service</a>
</div>
<div class="card">
    <div style="overflow-x:auto;">
        <table>
            <thead><tr><th>Name</th><th>Category</th><th>Price</th><th>Duration</th><th>Deposit</th><th>Status</th><th>Actions</th></tr></thead>
            <tbody>
            @forelse($services as $s)
            <tr>
                <td style="font-weight:500;">{{ $s->name }}</td>
                <td><span class="badge" style="background:#f3e8ff;color:#7e22ce;">{{ $s->category }}</span></td>
                <td style="font-weight:600;">₵{{ number_format($s->price,2) }}</td>
                <td>{{ $s->duration_minutes }} min</td>
                <td>{{ $s->requires_deposit ? $s->deposit_percent.'%' : '—' }}</td>
                <td><span class="badge {{ $s->is_active ? 'badge-confirmed' : 'badge-cancelled' }}">{{ $s->is_active ? 'Active' : 'Inactive' }}</span></td>
                <td style="display:flex;gap:.4rem;">
                    <a href="{{ route('admin.services.edit',$s) }}" class="btn btn-sm btn-outline">Edit</a>
                    <form method="POST" action="{{ route('admin.services.destroy',$s) }}" onsubmit="return confirm('Delete this service?')">@csrf @method('DELETE')<button type="submit" class="btn btn-sm btn-danger">Del</button></form>
                </td>
            </tr>
            @empty
            <tr><td colspan="7" style="text-align:center;color:#7A6058;padding:2rem;">No services yet.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
{{ $services->links() }}
@endsection