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

@push('head')
    {!! resource('edmuhak/component/bbs/common.css') !!} <!-- 게시판 공통 css 하나로 사용 -->
    {!! resource('edmuhak/component/review/main.css') !!}
@endpush

@section('content')
    <div class="bbs-banner">
        <h1 class="title">감사해요 edm</h1>
    </div>

    <div class="max-width">
        <main class="bbs">
            <div class="bbs-header">
				<div class="category-tabs">
					<div class="tab">
						<a href="/review-language-school" {!! ($db=='review-language-school') ? 'class="active"':'' !!}>어학연수 후기</a>
					</div>

					<div class="tab">
						<a href="/review-university" {!! ($db=='review-university') ? 'class="active"':'' !!}>대학합격 후기</a>
					</div>

					<div class="tab">
						<a href="/review-junior-abroad" {!! ($db=='review-junior-abroad') ? 'class="active"':'' !!}>조기유학 후기</a>
					</div>
					<div class="tab">
						<a href="/review-thanks-edm" {!! ($db=='review-thanks-edm') ? 'class="active"':'' !!}>감사해요edm</a>
					</div>
				</div>
			</div>

            <div class="search-form"><div class="countBox">전체 <span>{{ $thanksEdmList->total() }}</span>건의 후기</div></div>

            <div class="listWrap">
                <section class="review-slider-wrap">
                    @foreach ($thanksEdmList as $value)
                        <article class="slider-item">
                            <p class="comment">
                                <span class="ellipsis-2line">
                                    {!! $value->sv_content !!}
                                </span>
                            </p>
                            <p class="info">
                                <span class="name">고객 <em>{{ $value->name_masking }}</em></span>
                                <span class="ec">담당컨설턴트 <em>{{ $value->counselor }}</em></span>
                                <span class="date">{{ $value->sv_date->format('Y.m.d') }}</span>
                            </p>
                        </article>
                    @endforeach
                </section>

                <div class="page-links area-pagination">
                    {{ $thanksEdmList->withQueryString()->links('vendor.pagination.default') }}
                </div>

            </div>
        </main>
    </div>
@endsection

@section('script')
<script>
    $(document).ready(function() {
        var $scrollOffset = $('.category-tabs .tab .active').offset().left;
        $('.category-tabs').animate({
            scrollLeft: $scrollOffset - '16'
        }, 200);
    });
</script>
@endsection