@extends('layouts.public')
@section('title', __('الخدمات'))
@section('content')
<div class="max-w-7xl mx-auto px-4 py-16">
    <h1 class="text-3xl font-bold mb-10">{{ __('الخدمات') }}</h1>
    @foreach($categories as $cat)
        <h2 class="text-xl font-semibold mb-4">{{ $cat->localizedName() }}</h2>
        <div class="grid md:grid-cols-3 gap-4 mb-10">
            @foreach($cat->services as $s)
            <div class="bg-white rounded-2xl border p-5">
                <div class="font-semibold">{{ $s->localizedName() }}</div>
                <p class="text-sm text-slate-500 mt-2">{{ \Illuminate\Support\Str::limit($s->localizedDescription(), 120) }}</p>
                <div class="mt-3 font-bold text-brand-700">{{ number_format($s->price,2) }} EGP</div>
            </div>
            @endforeach
        </div>
    @endforeach
</div>
@endsection