@extends('layouts.app')

@section('content')

<div class="container-fluid">
    <div class="contents">
        <div class="new-btn">
            <a href="{{ url('topic_registration') }}"><button class="btn btn-new">新規登録</button></a>
        </div>
        <div class="contentsTitle">
            <h3>新着情報一覧</h3>
        </div>
        <div class="contentsList">
            <table class="contentsTable">
                <tbody>
                    <tr>
                        <th class="numeber">No</th>
                        <th class="recordDateDate">登録日</th>
                        <th class="detail">内容</th>
                        <th class="status">ステータス</th>
                        <th class="edit">編集</th>
                        <th class="delete">削除</th>
                    </tr>
                    @foreach($topics as $topic)
                    <tr>
                        <td>{{ $topic->id }}</td>
                        <td>{{ $topic->created_at->format('Y-m-d') }}</td>
                        <td class="contentsText">{{ $topic->contents_jp }}</td>
                        <td>{{ $topic->is_active }}</td>
                        <td><a href="{{ url('topic/edit', ['id' => $topic->id]) }}"><button class="btn btn-edit">編集</button></a></td>
                        <td><button class="btn btn-delete">削除</button></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="pagiNation">
            {{ $topics->links() }}
        </div>
    </div>
</div>

@endsection