@extends('layouts.app')
@section('page_title', $service->name)
@section('page_description', __('service.description'))
@section('page_keywords', __('service.keywords'))
@section('og_title', __('service.title'))
@section('og_description', __('service.description'))
@section('twitter_title', __('service.title'))
@section('twitter_description', __('service.description'))
@section('page_content')
    <div class="page-content bg-white">
        <div class="dlab-bnr-inr bg-pt" style="background-image:url({{ asset('assets/images/about/banner.jpg') }});">
            <div class="container">
                <div class="dlab-bnr-inr-entry">
                    <h1 class="text-white">{{ $service->name }}</h1>
                    <div class="breadcrumb-row">
                        <ul class="list-inline">
                            <li><a href="{{ route('static.home') }}">@lang('home.title')</a></li>
                            <li><a href="{{ route('static.services')}}">{{ $service->sector->name }}</a></li>
                            <li>{{ $service->name }}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-block">
            <div class="section-full content-inner">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-3 col-lg-4 col-md-5">
                            <div class="widget sidebar-widget ext-sidebar-menu widget_nav_menu">
                                <ul class="menu">
                                    <li><a href="{{ route('static.services')}}">@lang('services.sidebar.other-btn')</a> </li>

                                        @foreach($otherservices as $otherservice)
                                            <li class="active"><a href="{{ route('static.service', $otherservice->slug )}}">{{ $otherservice->name }}</a>  </li>
                                        @endforeach

                                </ul>
                            </div>
                            <div class="widget">
                                <div class="download-file">
                                    <h4 class="title">@lang('services.sidebar.brochure')</h4>
                                    <ul>
                                        <li>
                                            <a href="{{ asset('assets/images/katalog.pdf') }}" download="Katalog-Novamat.pdf" target="_blank">
                                                <div class="text">@lang('services.sidebar.downl-btn')</div>
                                                <i class="fa fa-download"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="widget">
                                <div class="download-file">
                                    <h4 class="title">@lang('services.sidebar.brochure2')</h4>
                                    <ul>
                                        <li>
                                            <a href="{{ asset('assets/images/K-NOVAMAT1.pdf') }}" target="_blank">
                                                <div class="text">@lang('services.sidebar.downl-btn2')</div>
                                                <i class="fa fa-download"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-9 col-lg-8 col-md-7 m-b30">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 m-b30">
                                    <div class="dlab-box">
                                        <div class="dlab-media">
                                            <a href="javascript:void(0);"><img src="{{ $service->first_gallery_image_url }}" alt=""></a>
                                        </div>
                                        <div class="dlab-info m-t30 ">
                                            <p>{!! $service->description !!}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="section-full call-action bg-primary wow fadeIn" data-wow-duration="2s" data-wow-delay="0.2s" style="background-image:url({{ asset('assets/images/footer-produkte.png') }});">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-9 text-white">
                            <h4 class="title">@lang('services.call.title')</h4>
                            <p class="m-b0">@lang('services.call.heading')</p>
                        </div>
                        <div class="col-lg-3 d-flex">
                            <a href="{{ route('static.products', ['slug' => $service->slug]) }}" class="site-button white align-self-center product-btn outline ml-auto radius-xl outline-2 btnhover16 btnhover16">@lang('products.title')</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection