@extends('frontend::layouts.master')

@section('title')
    {{ $data['data_service']['data']['name'] }}
@endsection
@section('style')
@endsection

@section('content')
    <div id="wrapper">

        <section class="breadcrumb">
            <div class="container">
                <ul>
                    <li><a href="{{ mwz_route('frontend.index') }}">{{ __('frontend.home') }}</a></li>
                    <li><a href="{{ mwz_route('frontend.servicedetail', [$data['data_service']['service_cat']['id']]) }}">
                            {{ __('frontend.service') }}</a></li>
                    <li>
                        <a href="{{ mwz_route('frontend.servicedetail', [$data['data_service']['service_cat']['id']]) }}">
                            {{ !empty($data['data_service']['service_cat']['name']) ? $data['data_service']['service_cat']['name'] : '' }}
                        </a>
                    </li>
                    <li class="active text-muted"> {{ $data['data_service']['data']['name'] }}</li>
                </ul>
            </div>
        </section>

        <section class="sub-service-content">
            <div class="container">
                <h2 class="htitle" style="text-align: center;">{{ $data['data_service']['data']['name'] }}</h2>
                <div class="col-md-12">
                    <div class="row">
                        <div class="text-box-item">
                            <p>{!! !empty($data['data_service']['data']['detail']) ? $data['data_service']['data']['detail'] : '' !!}</p>
                        </div>
                    </div>
                </div>

            </div>
        </section>
    </div>
    <!-- end: Wrapper -->

    <!-- Go to top button -->
    <a id="goToTop"><i class="fa fa-angle-up top-icon"></i><i class="fa fa-angle-up"></i></a>
@endsection

@section('script')
@endsection