@extends('layout.app')
@section('content')
@include('components.banner',['title'=> $service->fr_Name,'img'=>'pics/banner/services.jpg'])
<div class="page-content  bg-white">

    <!-- SECTION CONTENT -->
    <div class="section-full  p-t80 p-b50  ">
        <div class="container  bg-white ">
            <div class="row">
                <!-- LEFT PART -->
                <div class="col-lg-3 col-md-5">
                    <!-- BROCHURES -->
                    <div class="wt-box m-b30">
                        <div class="text-left m-b20">
                            <h4>Brochures</h4>
                            <div class="wt-separator-outer">
                                <div class="wt-separator style-square">
                                    <span class="separator-left site-bg-primary"></span>
                                    <span class="separator-right site-bg-primary"></span>
                                </div>
                            </div>
                        </div>
                        @if($service->item_doc != null)
                        <div class="wt-icon-box-wraper left bdr-1 bdr-gray p-a15 m-b15">
                            <a href="data:application/pdf;base64,{{ base64_encode($service->item_doc) }}"
                                class="btn-block" download="Document.pdf">
                                <span class="text-black m-r10"><i class="fa fa-file-pdf-o"></i></span>
                                <strong class="text-uppercase text-black">Download .PDF</strong>
                            </a>

                        </div>
                        @else
                        <div class="wt-icon-box-wraper center bdr-1 bdr-gray p-a15 m-b15">
                            Non disponible
                        </div>
                        @endif
                        @if ($service->contract != null)
                        <div class="wt-icon-box-wraper left bdr-1 bdr-gray p-a15 m-b15">
                            <a href="data:application/pdf;base64,{{ base64_encode($service->contract) }}"
                                class="btn-block" download="Document.pdf">
                                <span class="text-black m-r10"><i class="fa fa-file-word-o"></i></span>
                                <strong class="text-uppercase text-black"> Contrat .PDF</strong>
                            </a>
                        </div>
                        @else
                        <div class="wt-icon-box-wraper center bdr-1 bdr-gray p-a15 m-b15">
                            Non disponible
                        </div>
                        @endif

                    </div>

                    <!-- CONTACT US -->
                    <div class="widget bg-white  widget_getintuch">
                        <h4 class="widget-title">Contactez-nous</h4>
                        <ul>
                            <li><i class="fa fa-map-marker"></i><strong>Address</strong> {{$info->address}} </li>
                            <li><i class="fa fa-phone"></i><strong>phone</strong>{{$info->phone}}</li>
                            <li><i class="fa fa-envelope"></i><strong>email</strong>{{$info->email}}</li>
                        </ul>
                    </div>
                </div>
                <!-- LEFT PART -->

                <!-- RIGHT PART -->
                <div class="col-lg-9 col-md-7">
                    <!-- BLOG POST CAROUSEL -->
                    <div class="section-content ">
                        <div
                            class="owl-carousel service-detail-carousel owl-btn-vertical-center owl-dots-bottom-center m-b30">

                            <div class="item">
                                <div class="aon-thum-bx">
                                    <img src="data:image/png;base64," alt="">
                                </div>
                            </div>


                        </div>
                        <div class="wt-box">
                            <h2 class="text-uppercase">Description</h2>
                            {!!$service->fr_description!!}


                        </div>
                        <div class="wt-box">
                            <div class="p-t30">
                                <!-- TITLE START -->

                                <h2 class="text-uppercase">Qui sommes-nous ?</h2>
                                <p>
                                    {!!$info->fr_footer_text!!}
                                </p>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!-- RIGHT PART -->
        </div>
    </div>
</div>
<!-- SECTION CONTENT END -->
<!-- COLL-TO ACTION START -->
<div class="call-to-action-wrap call-to-action-skew site-bg-primary bg-no-repeat"
    style="background-image:url({{asset('pics/background/bg7.png')}});">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-7">
                <div class="call-to-action-left p-tb20">
                    <h4 class="text-uppercase m-b10">Vous êtes intéressé(e) par ce service?
                    </h4>
                    <p>Veuillez cliquez ce lien afin d'y laisser votre préoccupation
                    </p>
                </div>
            </div>

            <div class="col-lg-3 col-md-5">
                <div class="call-to-action-right p-tb30">
                    <a href="contact-1.html" class="site-button-secondry  m-r15 text-uppercase font-weight-600">
                        Contact us <i class="fa fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection