@extends('layouts.default', [
    'activatedNavItem' => 'EDM',
])

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/board/common.css"/>
    <link rel="stylesheet" type="text/css" href="/css/board/notice/board.css"/>
@endpush

@section('content')
    <div class="bbs-banner">
        <p class="title">공지사항</p>
        <p class="sub">놓칠 수 없는 edm유학센터의 최신 소식</p>
    </div>

    <div class="max-width">
        <!-- 컨텐츠 영역 -->
        <div class="bbs read">
            <header>
                <div class="titleWrap">
                    <h1 class="subject">
                        @if ($content->p_notice)
                        <em class="text-color">[공지]</em>
                        @endif
                        {{ $content->p_title }}
                    </h1>
                    <div class="info">
                        {{-- <span class="user-name">edm관리자</span> --}}
                        <span class="user-date">{{ $content->p_reg_date->format('Y.m.d') }}</span>
                        <span class="count">조회 {{ $content->p_read }}</span>
                    </div>
                </div>
            </header>
            <article class="view-content">
                {!! $content->p_content !!}
            </article>

            <div class="listBtn"><a href="{{ route('edm.notice.index') }}">목록</a></div>
        </div>
    </div>

    <script>
        let noneImg = document.querySelectorAll('.view-content img');
        for (let i = 0; i < noneImg.length; i++) {
            noneImg[i].onerror = function () {
                noneImg[i].remove()
            };
        }
    </script>

@endsection