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

@section('title')
    {{ !empty($data['data_service_detail']['service_cat']['name']) ? $data['data_service_detail']['service_cat']['name'] : '' }}
@endsection

@section('style')
    <style>
        .sub-service-list ul,
        .category-list>ul,
        .category-list

        /* >ul li, */
        .category-detail,
        .sub-s-l-item,
        .sub-service-list ul li,
        .sub-service-detail {
            display: flex;
        }

        .sub-service-list ul,
        .category-list>ul {
            flex-wrap: wrap;
        }

        .sub-s-l-item,
        .sub-service-detail,
        .category-detail {
            flex-direction: column;
            flex: 1;
        }

        .sub-service-detail,
        .category-detail {
            justify-content: space-between;
        }

        .sub-title {
            max-height: 52px !important;
            min-height: 52px !important;
            text-overflow: ellipsis;
        }

        .sub-detail {
            /* height: initial; */
            margin-bottom: 0px
        }

        .img-sub-ser {
            position: relative;
            z-index: 1;
        }

        .category-detail>div:not(.btn-download) {
            word-break: break-word;
            overflow: hidden !important;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2 !important;
        }

        .category-detail .btn-download ul,
        .category-detail .btn-download ul li {
            padding: 0 8px;
            text-align: left !important;
        }

        .category-detail .btn-download ul li {
            width: auto !important;
        }
    </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 class="active text-muted">{{ __('frontend.service') }}</li>
                    <li class="active text-muted">
                        {{ !empty($data['data_service_detail']['service_cat']['name']) ? $data['data_service_detail']['service_cat']['name'] : '' }}
                    </li>
                </ul>
            </div>
        </section>

        <section class="content-service">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="c-s-text">
                            <h2>
                                {{ !empty($data['data_service_detail']['service_cat']['name']) ? $data['data_service_detail']['service_cat']['name'] : '' }}
                            </h2>
                            <p class="">
                                {!! !empty($data['data_service_detail']['service_cat']['detail']) ? $data['data_service_detail']['service_cat']['detail'] : '' !!}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="sub-service">
            <div class="container">
                <div class="sub-service-list">
                    <ul>
                        @if (!empty($data['data_service_detail']['data_service']))
                            @foreach ($data['data_service_detail']['data_service'] as $k => $item)
                                <li>
                                    <div class="sub-s-l-item"><br><br><br>
                                        <div class="img-sub-ser">
                                            <img src="{{ convert_image($data['data_service_detail']['data_service'][$k]['image'], 2) }}">
                                        </div>
                                        <div class="sub-service-detail">
                                            <h5 class="sub-title">
                                                {{ !empty($data['data_service_detail']['data_service'][$k]['name']) ? $data['data_service_detail']['data_service'][$k]['name'] : '' }}
                                            </h5>
                                            <div class="sub-detail">{!! !empty($data['data_service_detail']['data_service'][$k]['description']) ? $data['data_service_detail']['data_service'][$k]['description'] : '' !!}</div>
                                            <div class="btn-about btn-discover">
                                                <a href="{{ mwz_route('frontend.subservice', [$data['data_service_detail']['data_service'][$k]['id']]) }}"><i class="fas fa-chevron-right"></i>
                                                    {{ __('frontend.read_more') }}</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            @endforeach
                        @endif
                    </ul>

                    @if ($data['data_service_detail']['pages_total'] > 1)
                        <div class="center-pagination">
                            <div class="pagination">
                                <a class="<br />
<b>Warning</b>:  Undefined variable $data in <b>/home3/cp657342/public_html/omicbangkok.shop/Modules/Frontend/Resources/views/servicedetail.blade.php</b> on line <b>136</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home3/cp657342/public_html/omicbangkok.shop/Modules/Frontend/Resources/views/servicedetail.blade.php</b> on line <b>136</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home3/cp657342/public_html/omicbangkok.shop/Modules/Frontend/Resources/views/servicedetail.blade.php</b> on line <b>136</b><br />
" href="{{ mwz_route('frontend.servicedetail', [$data['data_service_detail']['service_cat']['id']]) }}/{{ $data['data_service_detail']['cur_page'] - 1 }}">&#10229;
                                    {{ __('frontend.prev') }}</a>
                                                                @while ($c <= $data['data_service_detail']['pages_total'])
                                    <a class="<br />
<b>Warning</b>:  Undefined variable $data in <b>/home3/cp657342/public_html/omicbangkok.shop/Modules/Frontend/Resources/views/servicedetail.blade.php</b> on line <b>140</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home3/cp657342/public_html/omicbangkok.shop/Modules/Frontend/Resources/views/servicedetail.blade.php</b> on line <b>140</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home3/cp657342/public_html/omicbangkok.shop/Modules/Frontend/Resources/views/servicedetail.blade.php</b> on line <b>140</b><br />
page" href="{{ mwz_route('frontend.servicedetail', [$data['data_service_detail']['service_cat']['id']]) }}/{{ $c }}">{{ $c }}</a>
                                                                    @endwhile
                                <a class="<br />
<b>Warning</b>:  Undefined variable $data in <b>/home3/cp657342/public_html/omicbangkok.shop/Modules/Frontend/Resources/views/servicedetail.blade.php</b> on line <b>143</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home3/cp657342/public_html/omicbangkok.shop/Modules/Frontend/Resources/views/servicedetail.blade.php</b> on line <b>143</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home3/cp657342/public_html/omicbangkok.shop/Modules/Frontend/Resources/views/servicedetail.blade.php</b> on line <b>143</b><br />
<br />
<b>Warning</b>:  Undefined variable $data in <b>/home3/cp657342/public_html/omicbangkok.shop/Modules/Frontend/Resources/views/servicedetail.blade.php</b> on line <b>143</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home3/cp657342/public_html/omicbangkok.shop/Modules/Frontend/Resources/views/servicedetail.blade.php</b> on line <b>143</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home3/cp657342/public_html/omicbangkok.shop/Modules/Frontend/Resources/views/servicedetail.blade.php</b> on line <b>143</b><br />
disabled" href="{{ mwz_route('frontend.servicedetail', [$data['data_service_detail']['service_cat']['id']]) }}/{{ $data['data_service_detail']['cur_page'] + 1 }}">{{ __('frontend.next') }}
                                    &#10230;</a>
                            </div>
                        </div>
                    @else
                    @endif
                </div>
            </div>
        </section>
    </div>
    <a id="goToTop"><i class="fa fa-angle-up top-icon"></i><i class="fa fa-angle-up"></i></a>

@endsection

@section('script')
@endsection