@php
    $seoMeta = \App\Support\Seo::resolve($practiceArea->seo, $practiceArea->title(), $practiceArea->teaser());
@endphp
@extends('layouts.app')

@section('content')

  <!-- hero section start -->
  <section id="{{ $practiceArea->slug }}" class="hero_wrapper hero-3 bg-center bg-cover" style="background-image: url({{ $practiceArea->image ? asset('storage/'.$practiceArea->image) : asset('assets/img/home_01/images/14.png') }})">
    <div class="container">
      <div class="row">
        <div class="col-12 col-md-8">
          <div class="hero-contents">
            <h1 class="text-white wow fadeInLeft" data-wow-duration="1.3s">{{ $practiceArea->title() }}</h1>
            <span class="wow fadeInLeft" data-wow-duration="1.3s">
              <a href="{{ route('home', app()->getLocale()) }}">{{ __('nav.home') }}</a> <i class="far fa-level-up-alt"></i>
              <a href="{{ route('practice-areas.index', app()->getLocale()) }}">{{ __('nav.practice_areas') }}</a>
            </span>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- hero section end -->

  <!-- service details section start -->
  <section class="service_details_wrapper section-padding">
    <div class="container">
      <div class="row">

        <div class="col-lg-8 col-md-7">
            <div class="col-12">
          <h2 class="wow fadeInUp" data-wow-duration="1s">{{ $practiceArea->title() }}</h2>
        </div>
          <div class="single_service_details_left service_details-1 wow fadeInUp" data-wow-duration="1s">
            @if ($practiceArea->intro())
              <p>{{ $practiceArea->intro() }}</p>
            @endif
            @if ($practiceArea->services->isNotEmpty())
              <ul>
                @foreach ($practiceArea->services as $service)
                  <li>{{ $service->text() }}</li>
                @endforeach
              </ul>
            @endif
            @if ($practiceArea->closing())
              <p>{{ $practiceArea->closing() }}</p>
            @endif
          </div>
        </div>
        <div class="col-lg-4 col-md-5">
          <div class="single_service_details_right single_service-2 wow fadeInRight" data-wow-duration="1s">
            <div class="section-title mb-30"><h3>{{ __('nav.practice_areas') }}</h3></div>
            <ul>
              @foreach ($allPracticeAreas as $item)
                <li>
                  <a href="{{ route('practice-areas.show', ['locale' => app()->getLocale(), 'practiceArea' => $item->slug]) }}">
                    {{ $item->title() }}
                  </a>
                </li>
              @endforeach
            </ul>
          </div>
          @if ($settings->phone_1)
            <div class="single_service_details_right single_service-2 wow fadeInRight" data-wow-duration="1s">
             <div class="section-title mb-30"> <h3>{{ __('site.get_consultation') }}</h3> </div>
              <a href="tel:{{ $settings->phone_1 }}" class="right_button">
                <div class="right_icon"><i class="icon-phone"></i></div>
                <div class="content_top">
                  <p>{{ __('site.call_for_legal_service') }}</p>
                  <h5>{{ $settings->phone_1 }}</h5>
                </div>
              </a>
            </div>
          @endif
        </div>
      </div>
    </div>
  </section>
  <!-- service details section end -->

@endsection