@extends('layouts.app')

@section('content')
<div class="d-flex bg-white">
    <div class="left-image-section board-left-section flex-column d-none d-xl-flex">
        <div class="page-header">
            <div class="menu-root d-none d-xl-block">{{ $page['title'] }}@if($page['subTitle']) <i class="fa-solid fa-chevron-right"></i> {{ $page['subTitle'] }}@endif</div>
            <div class="header-title d-none d-xl-block">@if($page['subTitle']){{ $page['subTitle'] }}@else{{ $page['title']}}@endif</div>
            <div class="header-mobile-logo d-block d-xl-none"><img src="/images/word-logo-white.png" class="img-fluid"></div>
        </div>
        <div class="board-links">
            <a href="{{ route('board.list', ['notice'], false) }}"@if($board->code == 'notice') class="active"@endif><div>공지사항</div></a>
            <a href="{{ route('board.list', ['news'], false) }}"@if($board->code == 'news') class="active"@endif><div>뉴스</div></a>
            <a href="{{ route('board.create', ['inquiry'], false) }}"@if($board->code == 'inquiry') class="active"@endif><div>문의하기</div></a>
        </div>
    </div>
    <div class="board-section notice-list">
        <table class="table notice-list-table">
            <thead>
                <tr>
                    <th class="number d-none d-xl-table-cell">번호</th>
                    <th class="d-none d-xl-table-cell">제목</th>
                    <th class="created-at d-none d-xl-table-cell">등록일</th>
                </tr>
            </thead>
            <tbody>
            @if($data)
                @foreach($data as $i => $row)
                    <tr class="line-bottom">
                        <td class="text-center number d-none d-xl-table-cell">{{ $row->number }}</td>
                        <td class="ellipsis">
                            <a href="{{ route('board.view', [$board->code, $row->uid], false) }}">
                                <span>{{ $row->subject }}</span>
                                <div class="d-block d-xl-none mt-2 list-date">{{ date('Y.m.d H:i', strtotime($row->created_at)) }}</div>
                            </a>
                        </td>
                        <td class="text-center d-none d-xl-table-cell">{{ date('Y.m.d', strtotime($row->created_at)) }}</td>
                    </tr>
                @endforeach
            @else
                <tr>
                    <td colspan="3" class="none-data text-center">게시글이 없습니다.</td>
                </tr>
            @endif
            </tbody>
        </table>
    </div>
    {{ $data->render() }}
</div>
@endsection

@push('style')
<link rel="stylesheet" type="text/css" href="/css/board.css?v={{ $now }}">
@endpush

@push('scripts')
<script type="text/javascript" src="/js/board.js?v={{ $now }}"></script>
@endpush