@extends('public.layout')
@section('title','Practice Areas — Noesantara Law Firm')
@push('meta')
  @php
    $items = [];
    $i = 1;
    foreach ($areas as $a) {
      $items[] = [
        '@type' => 'ListItem',
        'position' => $i++,
        'url' => url('/practice/'.$a->slug),
        'item' => [
          '@type' => 'Service',
          'name' => $a->name,
          'url' => url('/practice/'.$a->slug),
          'description' => $a->excerpt ?: \Illuminate\Support\Str::limit(strip_tags($a->description ?? ''), 160),
        ],
      ];
    }
    $itemList = [
      '@context' => 'https://schema.org',
      '@type' => 'ItemList',
      'name' => 'Practice Areas',
      'itemListOrder' => 'https://schema.org/ItemListOrderAscending',
      'numberOfItems' => count($items),
      'itemListElement' => $items,
    ];
    $breadcrumbs = [
      '@context' => 'https://schema.org',
      '@type' => 'BreadcrumbList',
      'itemListElement' => [
        [ '@type' => 'ListItem', 'position' => 1, 'name' => 'Home', 'item' => url('/') ],
        [ '@type' => 'ListItem', 'position' => 2, 'name' => 'Practice', 'item' => url('/practice') ],
      ],
    ];
  @endphp
  <script type="application/ld+json">{!! json_encode($itemList, JSON_UNESCAPED_SLASHES|JSON_UNESCAPED_UNICODE) !!}</script>
  <script type="application/ld+json">{!! json_encode($breadcrumbs, JSON_UNESCAPED_SLASHES|JSON_UNESCAPED_UNICODE) !!}</script>
@endpush
@section('content')
<div class="container py-5">
  <h1 class="h3 mb-4">Practice Areas</h1>
  <div class="row g-3">
    @foreach($areas as $p)
      <div class="col-md-6 col-lg-4">
        <a href="/practice/{{ $p->slug }}" class="text-decoration-none">
          <div class="card h-100"><div class="card-body">
            <h2 class="h5">{{ $p->name }}</h2>
            <p class="text-muted small mb-0">{{ $p->excerpt }}</p>
          </div></div>
        </a>
      </div>
    @endforeach
  </div>
</div>
@endsection