@extends('layouts.admin', [
    'title' => 'Edit Service',
    'pageTitle' => 'Edit Service',
    'active' => 'services',
])

@section('content')
    <div class="space-y-5">
        <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
            <p class="text-sm font-medium text-booklio-muted">Update pricing, staff assignment, buffers, and booking visibility.</p>
            <div class="flex flex-col gap-3 sm:flex-row">
                <x-ui.button variant="secondary" href="{{ route('admin.services.show', $service) }}">View Detail</x-ui.button>
                <x-ui.button variant="secondary" href="{{ route('admin.services.index') }}">Back to Services</x-ui.button>
            </div>
        </div>

        @include('admin.services.partials.form', ['mode' => 'edit', 'service' => $service])
    </div>
@endsection