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

@section('content')
    <livewire:frontend::section.breadcrumb id_menu="5" />
    @if (!empty($service['status']) && !empty($service['detail']))
        <section class="sect-product-intro">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                        <h2 class="htitle m-b-0" data-animate="fadeInUp" data-animate-delay="200">{{ $link_menu['name'] ?? '' }}</h2>
                        <p class="desc" data-animate="fadeInUp" data-animate-delay="400">{{ $link_menu['desc'] ?? '' }}</p>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="product-intro-content">
                            <p data-animate="fadeInUp" data-animate-delay="600">
                                {{ $service['detail'] ?? '' }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
    <section class="sect-product-grid" style="background-color: #f8f9fa;">
        <div class="container">
            @if (!empty($service['status']) && !empty($service['desc']))
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 text-center m-b-40">
                        <p class="desc">{{ $service['desc'] }}</p>
                    </div>
                </div>
            @endif

            <livewire:frontend::page.service slug_uid="{{ $page_init['slug_uid'] ?? '' }}" cur_page="{{ $opt['cur_page'] ?? 1 }}" />
        </div>
    </section>
@endsection