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

@section('content')
    <div class="subpage-content">

        <!-- breadcrumb-item active เปลี่ยนเมื่อ scroll ไปที่ content นั้นๆ -->
        <div class="breadcrumb breadcrumb-section">
            <div class="container">
                <nav aria-label="breadcrumb">
                    <h3 class="inline breadcrumb-title">{{ !empty($data['menu']['name']) ? $data['menu']['name'] : '' }}</h3>
                    <ol class="breadcrumb">
                        <li><a href="{{ mwz_route('frontend.index') }}"><i class="fa fa-home"></i></a> </li>
                        <!-- <li class="breadcrumb-item active" aria-current="page">ประวัติ</li> -->
                        <li class="breadcrumb-item active" aria-current="page">
                            {{ !empty($data['tech']['name']) ? $data['tech']['name'] : '' }}</li>
                        <!-- <li class="breadcrumb-item active" aria-current="page">ปรัชญา 9 ประการ</li> -->
                    </ol>
                </nav>
            </div>
        </div>


        <section class="subpage-about tech row-bottom">
            <div class="wrap-content-info">
                <div class="container">
                    <h3 class="sp-title red-line m-b-20">
                        {{ !empty($data['tech']['name']) ? $data['tech']['name'] : '' }}</h3>
                    <div class="box-sm row">
                        {!! !empty($data['tech']['detail']) ? $data['tech']['detail'] : '' !!}
                    </div>

                </div>
            </div>
        </section>
    </div>
@endsection