@extends("frontend.public_html.html.layout")

@php
    $title = 'Dịch vụ ' . $service->name . ' | Bluecare.vn';
    $description = 'Hãy đặt ngay dịch vụ '. $service->name .' thông qua ứng dụng chăm sóc sức khỏe tại nhà của Bluecare.';
    $url = $service->url;
@endphp

@section('title')
    <title>{{$title}}</title>
@stop

@section('extra-head')
    <link rel="canonical" href="{{url($url)}}" />
    <meta name="description" content="{{$description}}" />
    <meta name="keywords" content="bluecare, tiêm vắc xin, chăm sóc sức khỏe tại nhà, nhận trách nhiệm, trao yêu thương" />
    <meta property="og:title" content="{{$title}}" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="{{url($url)}}" />
    <meta property="og:image" content="{{url('images/1%20menu%20logo.png')}}" />
    <meta property="og:site_name" content="bluecare.vn" />
    <meta property="og:description" content="{{$description}}" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="{{$title}}" />
    <meta name="twitter:description" content="{{$description}}" />
    <meta name="twitter:image" content="{{url('images/1%20menu%20logo.png')}}" />
@stop

@section("content")
    <section class="servie-banner-section">
        <div class="service-banner-image">
            <img src="{{asset("images/services/".$service->image)}}" alt=""/>
        </div>
        <div class="service-banner-content wrapper">
            @include('frontend.public_html.service.form_schedule')
        </div>
    </section>

    <section class="content-service-detail horizontal-layout wrapper default-section">
        <div class="left-panel flex-1">
            <h4>Giới thiệu dịch vụ</h4>
            <p>{{$service->introduce}}</p>
            <h4>Nhân viên bluecare sẽ thực hiện<br> những công việc gì?</h4>
            <p>{{$service->working}}</p>
            <h4>Các công việc không bao gồm thực hiện</h4>
            <p>{{$service->not_working}}</p>
            <h4>Quy trình thực hiện</h4>
            @if($service->procedure)
            @php
                $steps = json_decode($service->procedure);
            @endphp
                <ul class="implement-process">
                    @foreach($steps as $step)
                    <li style="display:block;float:left; width:25%; padding:10px;"><span style="display:block;margin-bottom: 10px;" class="pointer">
                                Bước {{$loop->index+1}}</span><p>{{$step}}
                        </p></li>
                    @endforeach
                    <div style="clear:both;"></div>
                </ul>
                <hr >
            @endif
            <h4>Khách hàng nói gì về dịch vụ này</h4>
            <ul class="service-detail-testiminials">
                <li>
                    <div class="image">
                        <img src="{{asset("frontend")}}/images/Customer/7 Nguyễn Hoài Nam - pgđ công ty Sinh Phú.png" alt=""/>
                    </div>
                    <div class="content">
                        <i class="arrow_box">
                        </i>
                        <div class="message">
                            <h5>Nguyễn Hoài Nam</h5>
                            <p>Tôi rất ấn tượng với dịch vụ của Bluecare. Chỉ cần một thao tác đơn giản tôi đã hẹn được điều dưỡng tốt. Tôi rất hài lòng</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="image">
                        <img src="{{asset("frontend")}}/images/Customer/8 Nguyễn Thị Nụ - Gđ công Tat Hong Việt Nam.png" alt=""/>
                    </div>
                    <div class="content">
                        <i class="arrow_box">
                        </i>
                        <div class="message">
                            <h5>Nguyễn Thi Nụ</h5>
                            <p>Bạn điều dưỡng đến đúng giờ và thao tác rất tốt. Tôi thấy bệnh tình vợ tôi đã khá lên nhiều</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="image">
                        <img src="{{asset("frontend")}}/images/Customer/9 Nguyễn Văn Hoàn - gđ phòng giao dịch Hdbank Văn Quán.png" alt=""/>
                    </div>
                    <div class="content">
                        <i class="arrow_box">
                        </i>
                        <div class="message">
                            <h5>Nguyễn Văn Hoàn</h5>
                            <p>Tôi rất hài lòng. Tôi sẽ giới thiệu cho bạn bè và người nhà sử dụng các dịch vụ của Bluecare</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="right-panel">
            <ul class="service-right-items">
                <li class="right-panel-video">
                    <iframe width="280" src="https://www.youtube.com/embed/MnebafIionc?autoplay=0&loop=1">
                    </iframe>
                </li>
                <li>
                    <div class="service-right-item-header">
                        <div class="icon-outer">
                            <img src="{{asset("frontend")}}/images/Icon/tai sao chọn B.png" alt=""/>
                        </div>
                        <h5 class="upper-case">Tại sao nên chọn dịch vụ<br> cskh của bluecare</h5>
                    </div>
                    <ul>
                        <li>
                            Nhân viên giàu y đức và kinh nghiệm
                        </li>
                        <li>
                            Chăm sóc chu đáo, tận tình
                        </li>
                        <li>
                            Trang thiết bị hiện đại, an toàn và chính xác
                        </li>
                        <li>
                            Dịch vụ luôn sẵn sàng, thuận tiện, nhanh chóng và chủ động
                        </li>
                        <li>
                            Bảo hiểm tài sản cho gia đình bạn, uy tín và an tâm
                        </li>
                    </ul>
                </li>

                <li>
                    <div class="service-right-item-header">
                        <div class="icon-outer">
                            <img src="{{asset("frontend")}}/images/Icon/Thanh pho.png" alt=""/>
                        </div>
                        <h5 class="upper-case">Dịch vụ này đã được cung<br> cấp tại các thành phố</h5>
                    </div>
                    <ul>
                        <li>
                            Hà Nội
                        </li>
                        <li>
                            Hồ Chí Minh
                        </li>
                        <li>
                            Đà Nẵng
                        </li>
                        <li>
                            Hải Phòng
                        </li>
                    </ul>
                </li>

                <li>
                    <div class="service-right-item-header">
                        <div class="icon-outer">
                            <img src="{{asset("frontend")}}/images/Icon/daucong.png" alt=""/>
                        </div>
                        <h5 class="upper-case">Các dịch vụ cssk<br> liên quan</h5>
                    </div>
                    <ul>
                        <li>
                            <a href="dieu-duong-cham-soc-tai-nha">Dịch vụ CSSK tại bệnh viện</a>
                        </li>
                        <li>
                            <a href="cham-soc-suc-khoe-nguoi-gia">Dịch vụ CSSK người già</a>
                        </li>
                        <li>
                            <a href="danh-sach-service">Các dịch vụ khác</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <div class="service-right-item-header">
                        <div class="icon-outer">
                            <img src="{{asset("frontend")}}/images/Icon/daucong.png" alt=""/>
                        </div>
                        <h5 class="upper-case">Các dịch vụ y tế khác</h5>
                    </div>
                    <ul>
                        <li>
                            <a href="dieu-duong-cham-soc-tai-nha">Dịch vụ 1</a>
                        </li>
                        <li>
                            <a href="cham-soc-suc-khoe-nguoi-gia">Dịch vụ 2</a>
                        </li>
                        <li>
                            <a href="danh-sach-dich-vu-bluecare">Các dịch vụ khác</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <div class="service-right-item-header">
                        <div class="icon-outer">
                            <img src="{{asset("frontend")}}/images/Icon/daucong.png" alt=""/>
                        </div>
                        <h5 class="upper-case">Cho thuê thiết bị y tế</h5>
                    </div>
                    <ul>
                        <li>
                            <a href="#">Thiết bị 1</a>
                        </li>
                        <li>
                            <a href="#">Thiết bị 2</a>
                        </li>
                        <li>
                            <a href="#">Các thiết bị khác</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </section>
@endsection