@extends('layouts.frontend.index')
@section('content')

    <section class="inner-page-banner bg-common inner-page-top-margin" data-bg-image="{{ asset('contents/frontend') }}/img/figure/figure2.jpg" style="background-image: url(&quot;{{ asset('contents/frontend') }}/img/figure/figure2.jpg&quot;);">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumbs-area">
                        <h1>About Us</h1>
                        <ul>
                            <li>
                                <a href="/">Home</a>
                            </li>
                            <li>About</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="about-wrap-layout1">
        <div class="container">
            <div class="row" id="no-equal-gallery">
                <div class="sidebar-widget-area sidebar-break-md col-xl-3 col-lg-4 col-12 no-equal-item">
                    <div class="widget widget-about-info">
                        <ul class="nav nav-tabs tab-nav-list">
                            @foreach (App\FrontendAboutHospital::get()->unique('title') as $key => $item)
                                <li class="nav-item">
                                    <a class="{{ $key==0?'active':'' }}" href="#related{{$item->id}}" data-toggle="tab" aria-expanded="false">
                                        {{ $item->title }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="widget widget-call-to-action-light">
                        <div class="media">
                            <img src="{{ asset('contents/frontend') }}/img/figure/figure6.png" alt="figure">
                            <div class="media-body space-sm">
                                <h4>HOTLINE</h4>
                                <span>+609-318-0571</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-9 col-lg-8 no-equal-item">
                    <div class="tab-content">
                        @foreach (App\FrontendAboutHospital::get()->unique('title') as $key => $item)
                            <div class="tab-pane fade {{ $key==0?'active show':'' }}" id="related{{ $item->id }}">
                                <div class="about-box-layout5">
                                    {!! $item->description !!}
                                </div>
                            </div>
                        @endforeach

                    </div>
                </div>

            </div>
        </div>
    </section>

@endsection