@extends('frontend.layouts.app')

@section('content')
<div class="breadcumb-area style2 bg-smoke4">
  <div class="breadcumb-wrapper" data-bg-src="{{ URL::asset('frontend/assets/img/bg/breadcumb-bg.jpg')}}">
    <div class="container">
      <div class="breadcumb-content">
        <h1 class="breadcumb-title">Service Details</h1>
        <ul class="breadcumb-menu">
          <li><a href="{{ url('/')}}">Home</a></li>
          <li>Service Details</li>
        </ul>
      </div>
    </div>
  </div>
</div>

<section class="space">
  <div class="container">
    <div class="row">
      <div class="col-xxl-8 col-lg-7">
        <div class="page-single">
          <div class="service-img sv-details-img">
            <img class="w-100" src="{{ asset('uploads/service/images/'.$service->image) }}" alt="">
          </div>
          <div class="page-content sv-content d-block">
            <h2 class="box-title">{{ $service->name }}</h2>
            <p class="">{!! $service->description !!}</p>
          </div>
        </div>
      </div>
      <div class="col-xxl-4 col-lg-5">
        <aside class="sidebar-area">
          <div class="widget widget_categories">
            <h3 class="widget_title">Others Services</h3>
            <ul>
              @foreach($others_services as $others_service)
              <li><a href="{{ url('/service-details/'.$others_service->slug) }}">{{ $others_service->name }}</a><span><i class="fa-regular fa-arrow-up-right"></i></span></li>
              @endforeach
            </ul>
          </div>
          <div class="widget widget_banner" data-bg-src="{{ URL::asset('frontend/assets/img/bg/widget_banner.jpg')}}">
            <div class="widget-banner position-relative text-center"><span class="icon"><i class="fa-solid fa-phone"></i></span><span class="text">Need Help? Call Here</span><a class="phone" href="tel:+25669872564">+256 6987 2564</a><a href="{{ url('/contact_us')}}" class="th-btn style6">Get A Quote <i class="fa-light fa-arrow-right-long"></i></a></div>
          </div>
        </aside>
      </div>
    </div>
  </div>
</section>
@endsection

@section('custom_script')

@endsection