@extends('layouts.master')
@section('css')
    <link rel="stylesheet" href="{{asset('stylesheets/about.css')}}">
@stop
@section('content')
    <div id="page">
        <div id="main" class="about">
            <section class="pt-0 pb-0">
                <div class="parallax js-fullheight" style="background-image: url({{ asset('upload/'.$about->banner) }})">
                    <div class="intro">
                        <div class="container">
                            {!! $about->content !!}
                        </div>
                    </div>
                </div>
            </section>
            <section id="slider">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-5 offset-lg-1 col-md-7">
                            <div class="slider slider-single">
                                @foreach ($about->img as $item)
                                <div class="img"
                                    style="background-image: url({{ asset('upload/'.$item) }});">
                                </div>  
                                @endforeach
                            </div>
                        </div>
                        <div class="col-lg-5 offset-lg-1 col-md-5">
                            <table>
                                <tr>
                                    <td colspan="2">樓層簡介</td>
                                </tr>
                                <tr>
                                    <td>1F</td>
                                    <td>第一診間、第二診間、批價掛號櫃台、藥局、候診區、衛教抽血注射室、男女廁所化妝室、電梯、上下樓梯。</td>
                                </tr>
                                <tr>
                                    <td>2F</td>
                                    <td>產房、手術室、待產恢復室、嬰兒室、哺乳室、男女廁所化妝室、電梯、上下樓梯。</td>
                                </tr>
                                <tr>
                                    <td>3F</td>
                                    <td>一般單人病房（301、303、305、306）、一般雙人病房（302、307）、電梯、上下樓梯。</td>
                                </tr>
                                <tr>
                                    <td>5F</td>
                                    <td>產後溫馨病房（501、502、503、505、506、507）、電梯、上下樓梯。</td>
                                </tr>
                                <tr>
                                    <td>6F</td>
                                    <td>人工生殖醫學中心、取精室（男性工作室）、沙發休息區、男女廁所化妝室、電梯。</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </section>
            <section id="doctor">
                <div class="container">
                    <ul class="doctor_info">
                        <li class="doctor_info">
                            <div style="background-image: url()"></div>
                            <img src="{{ asset('upload/'.$about->doctor_image) }}" alt="">
                        </li>
                        <li class="doctor_info">
                            {!! $about->doctor_introduction !!}
                        </li>
                    </ul>
                </div>
            </section>
            <section id="booking">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xl-6 offset-xl-1 col-lg-7">
                            <img src="{{ asset('upload/'.$contact->business_hours_image) }}">
                        </div>
                        <div class="col-xl-4 col-lg-5 text-center">
                            <h2 class="title">網路掛號</h2>
                            <img src="{{ asset('upload/'.$contact->appointment_image) }}">
                            <a href="{{route('reservation')}}" class="btn btn-primary">前往掛號</a>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
@stop
@section('script')
    <script src="js/about.js"></script>
@stop