@extends(env('APP_NAME').'.layout')

@push('head')
    {!! resource('edmuhak/asset/pages.css') !!}
@endpush

@section('content')
    <div class="container_new policy">
        <!-- 페이지 상단 : 제목 및 현재위치 표시 -->
        <div class="area-pages-top">
            <div class="area-page-location">
                <h1 class="page-title">서비스이용약관</h1>
            </div>
        </div>

        <div class="area-pages-content">
            <div class="policy-wrap">

                {{ $service->render() }}

                <div class="policy-history">
                    <p class="sel-tit">이전 서비스이용약관 보기</p>
                    <div class="sel-box">
                        <select name="services">
                            @foreach ($services as $idx => $val)
                                <option value="/policy/service?date={{ $val->version }}" @selected($date, $val->version)>{{ $val->date->format('Y.m.d') }} 서비스이용약관 {{ $idx < 1 ? '(최신)' : '' }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

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

    <script type="text/javascript">
        $('select[name="services"]').change(function() {
            window.location.href = this.value;
        });
    </script>
@endsection

@section('script')

@endsection