@extends('layouts.frontend.main')
@section('title','Service')
@section('body')
    <!-- Page Header Start -->
    <div class="page-header">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>Détails Service</h2>
                </div>
                <div class="col-12">
                    <a href="{{url('/')}}">Accueil</a>
                    <a href="{{url('/service')}}">Services</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->


    <!-- Single Post Start-->
    <div class="single">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="single-content wow fadeInUp">
                        <img src="{{asset('storage/backend/images/services/' .$service->file)}}" />
                        <h2>{{$service->title}}</h2>
                        <p>
                            {!! $service->description !!}
                        </p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="sidebar">
                        <div class="sidebar-widget wow fadeInUp">
                            <h2 class="widget-title">Nos Services</h2>
                            <div class="recent-post">
                                @foreach($data as $value)
                                    <div class="post-item">
                                        <div class="post-img">
                                            <img src="{{asset('storage/backend/images/services/' .$value->file)}}" />
                                        </div>
                                        <div class="post-text">
                                            <a href="{{route('service-details', $value->id)}}">{{ $value->title }}</a>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Single Post End-->
@endsection