@extends('client.layouts.master')
@section('content')
    <!-- Start Page Title Area -->
    <div class="page-title-area page-title-style-two">
        <div class="container">
            <div class="page-title-content">
                <h2>@if(!empty($detail->services)) {{$detail->services->name}} @endif</h2>
                <ul>
                    <li>
                        <a href="index.html">
                            <i class="bx bx-home"></i>
                            Home
                        </a>
                    </li>
                    <li class="active">
                        @if(!empty($detail->services)) {{$detail->services->name}} @endif
                        
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Page Title Area -->

    <!-- Start Services Details Area -->
    <section class="services-details-area pt-100 pb-70">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="services-details-content">
                        <div class="services-content">
                            <h2>@if(!empty($detail)) {{$detail->name}} @endif</h2>
                            <p>@if(!empty($detail)) {{$detail->content}} @endif.</p>

                            <div class="services-details-one">
                                @if(!empty($detail))
                                    <img src="{{asset('/uploads/service/'.$detail->image)}}" alt="Image">
                                @endif
                            </div>
                        </div>

                        {{-- <div class="services-content">
                            <p>Police and insurance companies agree that CCTV sloutions and visible security cameras have
                                proved to be among the most effective deterrents against burglary and criminal damage. Not
                                only do they allow our remote viewing staff to know when a crime is occurring, they also
                                provide solid evidence which can be used in court to secure a conviction against the
                                culprits.

                                We can offer you our best recommendations on accomplishing FREE Security Visit of your site.
                            </p>
                            <ul>
                                <li> HD – High Definition CCTV solutions</li>
                                <li>IP Cameras</li>
                                <li>External Cameras</li>
                                <li>Internal Cameras </li>
                                <li>PTZ Cameras</li>
                                <li> Covert Cameras</li>
                                <li>Wireless CCTV solutions</li>
                                <li> CCTV solutions Kits</li>
                                <li> Wireless Recorders</li>
                            </ul>
                        </div> --}}


                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="services-sidebar">
                        <div class="services-category">
                            <ul>
                                @foreach($services as $service)

                                <li>
                                    <a href="{{ route('detail',['id'=>$service->id]) }}">
                                        {{ $service->name }}
                                        {{-- <i class="bx bx-chevron-right"></i> --}}
                                    </a>

                                </li>
                                @endforeach

                                
                            </ul>
                        </div>

                        {{-- <div class="services-contact mb-30">
                            <h3>2000+ people have put their trust in CCTV, How about you?</h3>
                            <a href="contact.html" class="default-btn">
                                <span>Get Started Now</span>
                            </a>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Services Details Area -->
@endsection