@extends('layouts.master')
@section('css')
    <link rel="stylesheet" href="{{asset('stylesheets/index.css')}}">
@stop
@section('content')
<div id="page">
    <div id="main" class="index">
        <section id="slider" class="">
            <div class="slider slider-banner js-fullheight">
                @if($indexBanner&&$indexBanner->img)
                    @foreach($indexBanner->img as $imgs)
                        <div class="img js-fullheight" style="background-image: url({{asset( 'upload/'.$imgs) }});">
                            <div class="caption">
                                <div class="title">
                                    <h2>{{ $indexBanner->title1 }}</h2>
                                    <h4 class="">{{ $indexBanner->title2 }}</h4>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
        </section>
        <section id="service">
            <div class="container">
                <h2 class="title">服務項目</h2>
                <div class="row">
                    @if($service)
                    @foreach($service as $services)
                    <div class="col-md-3 col-6 mb-4">
                        <a href="{{ route('service') }}#service{{$services->id}}" class="service_item">
                            <h4 class="service_item_text">{{ $services->title }}</h4>
                        </a>
                    </div>
                    @endforeach
                    @endif
                </div>
            </div>
        </section>
        <section id="about">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-6 col-md-7">
                        <div class="about_img">
                            <img class="" src="{{ asset('upload/'.$indexBanner->about_img) }}" alt="">
                        </div>
                    </div>
                    <div class="col-lg-4 offset-lg-1 col-md-5 order-md-first">
                        <div class="about_text">
                           
                                {!! $indexBanner->about !!}
                            <a href="{{ route('about') }}" class="btn btn-primary">關於美村</a>
                        </div>
                    </div>
                </div>
            </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">歡迎24小時網路掛號</a>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
@stop
@section('script')
    <script src="{{asset('js/index.js')}}"></script>
@stop